ASP.NET MVC Switch

Overview

The Switch component originated from mobile applications and is becoming a common standard across web and desktop applications alike. Once implemented, the Switch lets users easily toggle between two exclusive choices like on and off.

See the Telerik UI for ASP.NET MVC Switch component in action
Labels

Adding a label to the Switch component will display the chosen option as text within the button.
States

The component can be configured in two different states—Enabled and ReadOnly. The first one lets users toggle between states and choose their preferred option, while the second one does not allow interactions with the button.
RTL Support

The Telerik UI for ASP.NET MVC Switch component comes with built-in support for right-to-left scripts. You can enable it by simply toggling between left-to-right and right-to-left settings.
Accessibility

The Telerik UI for ASP.NET MVC Switch is perfect for scenarios where accessibility is important for your application. The control complies with Section 508 and WCAG 2.1 guidelines, ensuring that individuals with disabilities can still view and interact with it.
Keyboard Navigation

The Switch component supports keyboard navigation, allowing all users to alter the state of the button with just the space bar.

See the ASP.NET MVC Switch Keyboard Navigation demo
Switch Theming

To ensure the Switch button fits your client’s design requirements, choose from the multiple built-in themes and swatches the component comes with to style its appearance. Some of them include Material (based on the Material Design guidelines), Bootstrap and Fluent for smooth integration with the popular frameworks.
You can further customize the available themes with a few lines of CSS or use the Progress SASS Theme Builder to create new ones.