Skip to content

Checkbox 多选框 ​

勾选时带轻微弹跳与 SVG 描边动画,可显示「半选」中间态。

基础用法 ​

vue
<ACheckbox v-model="checked" label="同意条款" />

半选态 ​

vue
<ACheckbox v-model="value" indeterminate label="部分选中" />

禁用 ​

API ​

Props ​

名称类型默认值说明
modelValuebooleanfalse是否选中
indeterminatebooleanfalse半选态
disabledbooleanfalse禁用
labelstring—标签文案

Emits ​

名称参数说明
update:modelValueboolean状态更新

Slots ​

名称说明
default自定义标签内容,优先于 label prop

MIT License