Progress Telerik UI for Blazor

Blazor CheckBox

  • The Blazor CheckBox control features three states, events, accessibility, keyboard navigation and powerful theming.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor CheckBox - Header
  • Blazor Checkbox Component Overview

    The Blazor Checkbox component will let you add styled and customized Checkboxes to WebAssembly (WASM) and Server-side Blazor apps. App users can select one, many or all of the listed options.

    Telerik UI for Blazor Checkbox Demo

    Telerik UI for Blazor CheckBox Overview
  • CheckBox TabIndex

    The Blazor CheckBox component, just like all other Telerik UI for Blazor input components, supports keyboard navigation to switch between components thanks to the HTML TabIndex property. Pressing Tab will normally focus the next available input component, the same way your users are accustomed to when standard HTML inputs are used. Having the TabIndex setting lets you customize that order. 
  • Checkbox States

    The Telerik Checkbox component provides the basic checked and unchecked states, along with a third state - Indeterminate (something in between - neither checked, nor unchecked). The indeterminate is commonly used for states for “Check All”/ “Select All” top level Checkboxes that include sub-options with different states, or when you need to present a third ‘undefined’ option such as Yes/No/Maybe. The Checkbox also includes a disable option to prevent toggling of a checkbox values in Blazor apps.

    Telerik UI for Blazor CheckBox States
  • Checkbox Events

    The Telerik Blazor Checkbox component exposes multiple events like ValueChanged, OnChange and InderminateChanged that let you easily handle the flow of checkbox selection and determine the next steps in your app logic.

    Code samples with Blazor Checkbox events.

    Telerik UI for Blazor Events
  • Checkbox Styling

    Need to go out of the ordinary and add a fancy Checkbox to your Blazor app? You can add custom style, icons and change the default checkmark.

    Example: How to add custom Blazor Checkbox icon.

    Telerik UI for Blazor CheckBox Styling
  • Checkbox Theming

    The Telerik Blazor Checkbox has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.

    Telerik UI for Blazor CheckBox Themes

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.