#header-mark#
Checkbox 多选框
在一组备选项中进行多选。
基础用法
可以表示两种状态之间的切换，写在标签中的内容为 checkbox 按钮后的介绍。
v-model 绑定按钮的状态，当选中时值为 True。
禁用状态
多选框不可用状态。
设置 disabled 属性即可。
缩进排列
选择是否与其它控件对齐。
自定义样式
您可以自定义按钮的颜色。
使用 style 属性额外配置样式:
background设置背景颜色，可使用#ffffff、blue等和css兼容的形式。description-width设置距离，可使用px、%等形式。
Checkbox API
Checkbox 属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model/value | 选中项绑定值 | bool | — |
| label | 按钮后的介绍 | str | — |
| indent | 是否使用缩进 | bool | true |
| disabled | 按钮是否为禁用状态 | boolean | false |
| style | 自定义css样式 | str | - |
TIP
style 支持的其它css属性
Sizes相关
- height
- width
- max_height
- max_width
- min_height
- min_width
Display相关
- visibility
- display
- overflow
Box model相关
- border
- margin
- padding
Positioning相关
- top
- left
- bottom
- right
Checkbox 方法
| 属性名 | 说明 | 类型 |
|---|
src/examples/ipywui/component/checkbox