Blazor CheckBox - Overview

Choose Hike Equipment


Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
  • Overview.razor
Loading the demo source code...please wait.
blazor ui ninja image

The CheckBox component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik UI for Blazor CheckBox is used to represent Boolean values via a binary checked state. While it may seem like it represents a standard HTML input element, it is packed with features that make configuration, theming, event handling and other customizations as easy as setting a few properties.

The Blazor CheckBox component is an essential building block for interactive and professional forms. It comes with everything you need built in. The demo above shows some of its key features. You will find the three primary states: checked, unchecked and indeterminate. The “Select all available equipment” box is an example of event handling. You can see how it’s set in the source tab. At the bottom, you can see the “Trousers” checkbox is disabled. And finally, you can change the look of the CheckBox by selecting any theme or swatch from the “Change Theme” dropdown.

Other features found in additional demos include business rule validation and appearance customization. Using validation, you can require a box to be checked and, if not, a message will appear to the user. Required acceptance of terms and conditions is a typical use case. With appearance properties, you can easily customize fundamental characteristics such as size and border radius.

This CheckBox Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.