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.

Example
Edit Source

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"

Example
Edit Source

True

False

All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

Start Free See All Benefits

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

Switch

Get and set the value link

Keyboard Navigation link

Disabled Switch link

Code Less. Deliver More.

On this page

Demos Configuration