New to Telerik UI for Blazor? Download Free 30-day trial

Switch - Appearance


Track Rounded

Thumb Rounded


  • Appearance.razor
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming


The Telerik UI for Blazor Switch offers various options which allow you to control its appearance, such as size, theme color, borders and fill mode, depending on the component. You can also easily switch between the available themes and swatches.

Telerik UI for Blazor comes with the Default, Bootstrap, Fluent, and Material built-in themes. Each theme provides a set of color swatches you can choose from to match your application appearance and styling. The suite enables you to customize the available themes and modify the default appearance of the Telerik components. You can also style generic elements on the page and match the implemented Telerik theme by using the UI for Blazor themes classes.

This Blazor Switch Appearance example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.