# Checkbox 复选框

复选框

## 基础用法

说明

::: snippet 示例

```html
<template>
  <div>
    <zui-checkbox v-model="checked">复选框</zui-checkbox>
    <zui-checkbox v-model="checked" color="red" size="2rem">复选框颜色</zui-checkbox>
    <zui-checkbox disabled>禁用</zui-checkbox>
    <zui-checkbox v-model="checked" label-disabled>禁用标签点击</zui-checkbox>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: true,
    }
  }
}
</script>
```

:::