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

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

<cn>
### 尺寸和形状
通过 `size` 可控尺寸 ,
</cn>

```vue
<template>
  <Space vertical>
    <Checkbox v-model="isCircle">圆角</Checkbox>
    <Checkbox v-model="isLight">Light</Checkbox>
    <RadioGroup v-model="size" type="button" :options="sizes" />
    <Tag v-for="x in 3" :key="x" :size="size" :shape="shape" :theme="light"
      >标签{{ x }}</Tag
    >
  </Space>
</template>
<script setup>
import { ref, computed } from "vue";
const size = ref("small");
const isCircle = ref(false);
const isLight = ref(false);
const shape = computed(() => (isCircle.value ? "circle" : ""));
const light = computed(() => (isLight.value ? "light" : ""));
const sizes = [
  { label: "Large", value: "large" },
  { label: "Middle", value: "middle" },
  { label: "small", value: "small" },
];
</script>
```