Checkbox 复选框

复选框

98557a5b44744d70c820e2a9e6aa3c809012f669/examples/views/docs/component/checkbox.md#">基础用法

::: snippet color颜色，size大小

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