Components

Checkbox 复选框

布尔复选项,勾选动画与焦点环线跟随品牌色。

状态

<div class="flex flex-wrap items-center gap-6">
  <Checkbox v-model="checked" label="跨可用区冗余" />
  <Checkbox :model-value="true" disabled label="已锁定策略" />
  <Checkbox v-model="checked" disabled label="禁用未选" />
</div>

API 参考

属性类型默认值说明
model-valuebooleanfalsev-model 勾选态。
labelstring—关联文本。
disabledbooleanfalse禁用。