Demonstration and configuration of the Radzen Blazor Switch component.
These demos showcase a toggle switch component with two-way data binding for on/off states, keyboard navigation support, and disabled state configuration.
As all Radzen Blazor input components the Switch has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.
Console log
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Switch component.
| Press this key | To do this |
|---|---|
| Tab | Navigate to a Switch. |
| Space or Enter | Toggle Switch. |
To disabled the switch, set Disabled="true"