kui-vue/components/button/demo/light.md

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

<cn>
### 浅色主题
浅色主题
</cn>

```vue
<template>
  <Flex size="small" vertical>
    <Space>
      <Button type="primary" theme="light">Primary</Button>
      <Button type="danger" theme="light">Danger</Button>
      <Button type="warning" theme="light">Warning</Button>
      <Button theme="light">Default</Button>
    </Space>
    <Space>
      <Button type="primary" theme="light" :icon="Camera"></Button>
      <Button type="danger" theme="light" :icon="Camera"></Button>
      <Button type="warning" theme="light" :icon="Camera"></Button>
      <Button theme="light" :icon="Camera"></Button>
    </Space>
    <Space>
      <Button
        type="primary"
        theme="light"
        :icon="Camera"
        shape="circle"
      ></Button>
      <Button
        type="danger"
        theme="light"
        :icon="Camera"
        shape="circle"
      ></Button>
      <Button
        type="warning"
        theme="light"
        :icon="Camera"
        shape="circle"
      ></Button>
      <Button theme="light" :icon="Camera" shape="circle"></Button>
    </Space>
  </Flex>
</template>
<script setup>
import { Camera } from "kui-icons";
</script>
```