Appearance
AtCheckboxButton
张健华
最后更新于 2025-11-18 14:57:11
复选框按钮，相比于Checkbox只是外观上改为按钮，使用上无区别
代码演示
基础用法
选项组
API
TIP
AtCheckboxButtonProps 继承自 NaiveUI Checkbox Props
AtCheckboxButton Props
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
| checked | boolean | false | 受控状态下是否选中 | |
| label | string | Component | undefined | 自定义渲染标签 | |
| color | string | var(--button-color-2) | 未选中按钮颜色 | |
| text-color | string | var(--text-color-1) | 未选中按钮文字颜色 | |
| check-color | string | 主色与白色按 0.9 比例混合 | 选中按钮颜色 | |
| check-text-color | string | var(--primary-color) | 选中按钮文字颜色 | |
| button-props | ButtonProps | undefined | NaiveUI Button Props | |
| show-check-icon | boolean | true | 是否显示选中图标 |