background

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!
Telerik UI for ASP.NET Core Switch - Header
  • 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

    Telerik UI for ASP.NET Core Switch-Overview
  • 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.  
    Telerik ASP.NET Core ComboBox HTML and Tag Helpers
  • 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.
    Telerik UI for ASP.NET Core Accessibility
  • 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
    Keyboard navigation
  • 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. 
    Telerik UI for ASP.NET Core RTL Support
  • 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. 

    Telerik UI for ASP.NET Core Switch - Theming

All ASP.NET Core Components

Next Steps