#header-mark# ​

ToggleButtons 切换按钮 ​

在一组备选项中进行单选

基础用法 ​

切换按钮不应该有太多的可选项， 如果你有很多的可选项你应该使用 Select 选择框而不是单选框。
要使用 ToggleButtons 组件，只需要设置v-model绑定变量， 选中意味着变量的值为对应选项的值。
选项 options 可以是标签的列表，也可以是 (标签、值) 形式的列表。

使用图标为按钮添加更多的含义。 使用 icons 属性来为按钮添加图标。请参阅 fontawesome 页面获取可用图标。

禁用状态 ​

你可以使用 disabled 属性来定义是否被禁用。
使用 disabled 属性来控制是否为禁用状态。该属性接受一个 bool 类型的值。

提示信息 ​

通过 tooltips 属性在鼠标 hover 时展示提示信息。

自定义样式 ​

您可以自定义切换按钮样式。
使用 style 属性额外配置样式:

• button_width：按钮的宽度，可使用px、%、auto等形式。可使用px、%、auto等形式。
• font_weight：按钮字体的粗细。
• description-width：label的宽度。

API ​

属性 ​

方法 ​

src/examples/ipywui/component/toggle-buttons