Switch

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.

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.

Keyboard Navigation link

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor Switch component.

Disabled Switch link

To disabled the switch, set Disabled="true"

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT