Switch
Demonstration and configuration of the Radzen Blazor Switch component.
Get and set the value link
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
Keyboard Navigation link
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. |
Disabled Switch link
To disabled the switch, set Disabled="true"
Supercharge your Blazor development with Radzen Blazor Studio
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.
Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under
MIT
-
-
-
-
-
-
UI Fundamentals keyboard_arrow_down
-
-
DataGrid Updated keyboard_arrow_down
-
Data-binding keyboard_arrow_down
-
-
Virtualization keyboard_arrow_down
-
-
Columns Updated keyboard_arrow_down
-
-
Filtering Updated keyboard_arrow_down
-
-
Hierarchy Updated keyboard_arrow_down
-
-
Selection Updated keyboard_arrow_down
-
-
Sorting keyboard_arrow_down
-
-
Paging Updated keyboard_arrow_down
-
-
Grouping Updated keyboard_arrow_down
-
-
-
Custom Header keyboard_arrow_down
-
-
-
-
Save/Load settings Updated keyboard_arrow_down
-
-
-
-
-
-
-
-
Data Updated keyboard_arrow_down
-
DataList keyboard_arrow_down
-
-
DataFilter keyboard_arrow_down
-
-
-
-
Tree keyboard_arrow_down
-
-
-
-
Images keyboard_arrow_down
-
-
Layout Updated keyboard_arrow_down
-
-
Navigation keyboard_arrow_down
-
-
Forms keyboard_arrow_down
-
-
-
-
-
-
-
-
DropDown keyboard_arrow_down
-
-
-
-
-
-
HtmlEditor keyboard_arrow_down
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Data Visualization keyboard_arrow_down
-
Chart Updated keyboard_arrow_down
-
-
-
-
-
-
-
-
Feedback keyboard_arrow_down
-
-
-
Alert keyboard_arrow_down
-
-
-
-
-
-
Validators keyboard_arrow_down
-
Demos Configuration
Premium Themes
-
Material 3
-
Fluent
-
Material 3 Dark
-
Material Dark
-
Fluent Dark
Free Themes
-
Material
-
Standard
-
Default
-
Humanistic
-
Software
-
Dark