UI for ASP.NET Core
ASP.NET Core Switch
- Popular in mobile applications, the ASP.NET Core Switch button allows users to change a setting between two states.
- Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
- Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
-
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.
