ASP.NET Core Switch

Overview

The Telerik UI for ASP.NET Core Switch is an input component that allows users to toggle between two states. Originating from mobile applications, it is now becoming a standard in web applications.

See the ASP.NET Core Switch Demo
Labels

Labels can be added to the Telerik UI for ASP.NET Switch component to let the user know which state is selected.
States
The component can be configured in two different states:
- Enabled allows users to toggle between states
- ReadOnly does not allow users to interact with the button
Razor Pages

The Switch component is one of the many Telerik UI for ASP.NET Core controls that are supported in both MVC and Razor Pages applications. To view the complete list of Telerik components that you can plug in ASP.NET Core Razor Pages projects, check out the documentation article or visit the Razor Pages examples in our GitHub project repository.
HTML Helpers and Tag Helpers

With Telerik UI for ASP.NET Core, you can choose the development approach that best suits your needs. Enjoy the HTML-like development experience that come with the ASP.NET Core Switch Tag Helper or use the convenient HTML Helper.
Accessibility

The Semantic HTML approach and accessibility compliance with WCAG, Section 508, and WAI-ARIA standards, make it easier for users with disabilities to utilize the ASP.NET Core Switch.
Keyboard Navigation

The Switch button is made to be accessible for all users and supports keyboard navigation. Refer to the demo page for detailed information about how to toggle the checked state.

See the ASP.NET Core Switch Keyboard Navigation Demo
RTL Support

Right-to-left support is available for languages like Hebrew and Arabic, in which users read from right to left. You can satisfy any cultural preference with the Switch button by toggling between left-to-right and right-to-left with only a few settings.
Switch Theming

To match the Switch button to the style of your project, you can choose one of the component’s 20+ built-in themes, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Telerik SASS ThemeBuilder application.