CheckBoxList
Demonstration and configuration of the Radzen Blazor CheckBoxList component.
These demos showcase checkbox lists with two-way data binding, configurable orientation and layout (vertical/horizontal with alignment options), data-bound items, statically declared items, select-all functionality, disabled/read-only individual items, and custom templates.
Get and Set the value of CheckBoxList link
As all Radzen Blazor input components the CheckBoxList has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.
Get and Set the value of CheckBoxList using Value and Change event link
Value property can be used to set the value of the component and Change event to get the user input.
Set CheckBoxList orientation and layout link
CheckBoxList layout can be configured via various properties for position and alignment such as Orientation, AlignItems, and JustifyContent. The behavior is similar to RadzenStack.
Populate CheckBoxList items from data link
Statically declared and populated CheckBoxList items from data link
Select all CheckBoxList items link
Disabled CheckBoxList item link
ReadOnly CheckBoxList item link
Templated CheckBoxList item link
Keyboard Navigation link
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor CheckBoxList component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a CheckBoxList item. |
| Shift + Tab | Navigate to previous CheckBoxList item. |
| Space | Change the state of a focused CheckBoxList item switching between checked and not checked. |
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT