Progress Telerik UI for Blazor
Blazor切换按钮
- 在两个状态之间更改设置，并使用Blazor Toggle Button组件指示当前激活的状态。
- 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计，完全适合任何应用程序的需求。
- Blazor UI套件还提供了专业设计的主题，支持开关的翻转，文档处理库，丰富的文档和演示，以帮助您立即开始。
-
概述
Blazor ToggleButton的Telerik UI是一个双状态按钮，非常适合当您需要为用户提供一个翻转开关的选项时。它补充了复选框，以一种更可操作的方式切换选项。例如，您可能希望将其用作媒体播放器中的静音/取消静音或播放/暂停按钮。按钮的选择状态是可数据到您的模型，这使得使用它的乐趣。
Blazor ToggleButton演示.jpg?sfvrsn=2c381f1b_0)
-
图标和样式
ToggleButton可以有几种样式:
- 您可以根据CSS类的状态应用自己的CSS类。
- 可以添加图标来说明按钮。它们可以通过Telerik字体图标，栅格图像，精灵或自定义图标字体加载
- 内容也可以根据它的状态进行修改-回到播放器/暂停的例子，你可以根据你的播放器的状态在播放和暂停图标之间切换。
- 当您希望禁止用户修改该按钮时，该按钮还具有禁用状态。此状态带有默认样式，但可以用属性覆盖它。
-
事件
提供了两个重要的事件- OnClick和SelectedChanged，它们会在你认为它们是的时候被准确地触发。SelectedChanged比OnClick更通用，因为它也是由键盘快捷键触发的。
-
切换按钮可访问性和键盘导航
像所有其他Telerik UI的Blazor组件，ToggleButton组件支持开箱即用的键盘导航和web无障碍标准实现。这使得只需使用键盘就可以轻松地在页面中导航，以及通过辅助技术访问组件内容。
-
Blazor ToggleButton主题
Telerik Blazor ToggleButton组件有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。您可以轻松地自定义任何开箱即用的主题，样式特定的组件或创建新的主题使用Telerik Saas ThemeBuilder应用程序．
