Demonstration and configuration of the Radzen Blazor CheckBox component.
These demos showcase checkbox inputs with two-way data binding, change event handling, tri-state support (checked/unchecked/indeterminate), and disabled or read-only states.
As all Radzen Blazor input components the CheckBox has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.
Value property can be used to set the value of the component and Change event to get the user input.
Use TriState="true" to enable three states: checked, unchecked, and indeterminate.
Use Disabled="true" to disable the CheckBox and prevent user interaction.
Use ReadOnly="true" to make the CheckBox read-only, preventing changes while keeping it interactive.
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor CheckBox component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a CheckBox. |
| Space | Change the state of a focused CheckBox switching between checked and not checked. |