Blazor ButtonGroup -概述

默认按钮

带有图标的按钮

ButtonGroup与拉伸按钮

禁用ButtonGroup

  • Overview.razor
加载演示源代码…请稍等。
Blazor UI忍者形象

ButtonGroup组件是《Blazor》的teleerik UI一个专业级的UI库,拥有100多个本地组件,用于构建现代和功能丰富的应用程序。要想尝试一下,注册一个30天的免费试用。

描述

Blazor ButtonGroup组件的Telerik UI充当两个或多个按钮的容器,通常具有共享目的。一个常见的例子是文本编辑器或文字处理器中的格式组,例如用于对齐(左、中、右)和样式(斜体、粗体、下划线)的组。ButtonGroup继承了Blazor Button的Telerik UI中的功能,并添加了一些功能。

ButtonGroup的一个独特功能和常见用例是切换按钮的选择。您可以对一组切换按钮进行分组,并将用户限制为一个选择,就像单选按钮一样,或者允许多个选择,就像复选框一样。在这两种情况下,您都可以将事件作为一个组来管理,而不必分别担心每个按钮。

ButtonGroup也支持主题化、键盘导航和可访问性,就像对应的单个按钮一样。应用一个通用的调色板,通过字体或精灵分配图标,设置大小等等。

上面的演示展示了在允许多重选择的情况下配置分组按钮呈现的不同方式。

这个ButtonGroup Overview示例是数百个Blazor演示的独特集合的一部分,您可以看到所有这些演示Blazor组件的Telerik UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观Blazor的teleerik REPLThemeBuilder

支持和学习资源

额外的资源

发生错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map