# Checkbox 复选框

复选框

## 基础用法

::: snippet `color`颜色，`size`大小

```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>
```

:::


## API

## Attribute 属性
参数|说明|类型|可选值|默认值
-|-|-|-|-
value | 值 | Boolean | - | -
icon | 图标 | String | - | checkcircle
iconChecked | 选中图标 | String | - | radiobuttonunchecked
labelDisabled | 禁用label点击 | Boolean | - | false
disabled | 禁用 | Boolean | - | false
color | 颜色 | String | - | -
size | 大小 | String | - | -