Blazor ToggleButton - Overview

The Telerik UI for Blazor ToggleButton is a digital switch that offers users a choice between two mutually exclusive options. This two-state button delivers immediate results and indicates the active selection/state. The Telerik UI for Blazor ToggleButtion is a UI element that can be easily designed and styled for your app through built-in themes, click events (OnClick and SelctedChanged) and icons.

With its two-state button design, users can control preferences and easily flip between the two, as needed. When you need to offer more meaningful toggle options, the Telerik UI for Blazor ToggleButton can be used in conjunction with a Checkbox component to deliver data bindable state selection.

There are different approaches you can take to style the Telerik UI for Blazor ToggleButton. You can apply your own CSS class, you can alter the appearance of the button by adding icons, you can change the content through set properties and modify the default set by adding an attribute.

In line with what you’d expect in the Telerik UI for Blazor library, the ToggleButton component supports out-of-the-box keyboard navigation and follows best practices for keyboard interaction. The control also offers support for web accessibility standards and enables access to the component content through assistive technologies such as screen readers and other devices.

Your Telerik UI for Blazor ToggleButton offers support for several built-in themes, including Bootstrap, Material and our own neutral ones referred to as Default. You can easily customize the out-of-the-box themes or build new themes using the Telerik Saas theme builder application. Learn more about the Telerik Saas ThemeBuilder application.