kui-vue/components/colorPicker/demo/size.md

A lightweight desktop UI component library suitable for Vue.js 2.

<cn>
### 尺寸大小 / 不可用
`small` 为小尺寸， `large` 为大尺寸
</cn>

```vue
<template>
  <Space vertical>
    <Space>
      <Space vertical>
        <ColorPicker :value="color3" size="small" />
        <ColorPicker :value="color2" />
        <ColorPicker :value="color1" size="large" />
      </Space>
      <Space vertical>
        <ColorPicker showText :value="color3" size="small" />
        <ColorPicker showText :value="color2" />
        <ColorPicker showText :value="color1" size="large" />
      </Space>
    </Space>
    <br />
    <Space vertical>
      <code>disabled</code>
      <Space>
        <ColorPicker :value="color2" disabled />
        <ColorPicker showText :value="color2" disabled />
      </Space>
      <br />
      <code>disabledAlpha</code>
      <ColorPicker showText disabledAlpha :value="color2" />
      <code>presets colors</code>
      <ColorPicker v-model="color1" :presets="presetsColors" />
    </Space>
  </Space>
</template>
<script setup>
const color1 = "#3a95ff";
const color2 = "#3a95ff";
const color3 = "#3a95ff";
const presetsColors = ["#9c27b0", "red", "blue"];
</script>
```