Skip to content

Checkbox 复选框

复选框用于在多个选项中选择一个或多个。

SXO Framework Switcher
🚧
This example is not yet available for .

Checkbox 属性

属性类型默认值说明
checkedbooleanfalse是否选中(Vue2 v-model / React 受控)
modelValuebooleanfalse是否选中(Vue3 v-model)
valueany-在 CheckboxGroup 中使用的值
size'sm' | 'md' | 'lg''md'尺寸
color'primary' | 'success''primary'颜色
disabledbooleanfalse是否禁用

CheckboxGroup 属性

属性类型默认值说明
value / modelValueany[][]选中的值数组 (v-model)
direction'row' | 'col''col'排列方向
gapstring | number2间距
size'sm' | 'md' | 'lg''md'子组件默认尺寸
color'primary' | 'success''primary'子组件默认颜色