Checkbox 复选框
复选框用于在多个选项中选择一个或多个。
SXO Framework Switcher
🚧
This example is not yet available for .
Checkbox 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| checked | boolean | false | 是否选中(Vue2 v-model / React 受控) |
| modelValue | boolean | false | 是否选中(Vue3 v-model) |
| value | any | - | 在 CheckboxGroup 中使用的值 |
| size | 'sm' | 'md' | 'lg' | 'md' | 尺寸 |
| color | 'primary' | 'success' | 'primary' | 颜色 |
| disabled | boolean | false | 是否禁用 |
CheckboxGroup 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value / modelValue | any[] | [] | 选中的值数组 (v-model) |
| direction | 'row' | 'col' | 'col' | 排列方向 |
| gap | string | number | 2 | 间距 |
| size | 'sm' | 'md' | 'lg' | 'md' | 子组件默认尺寸 |
| color | 'primary' | 'success' | 'primary' | 子组件默认颜色 |