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

A high quality UI Toolkit built on Vue.js 2.0

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

```vue
<template>
  <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>
  <br/>
  <br/>
  <Space>
    <Button type="primary" theme="light" :icon="Camera" />
    <Button type="danger" theme="light" :icon="Camera" />
    <Button type="warning" theme="light" :icon="Camera" />
    <Button theme="light" :icon="Camera" />
  </Space>
  <br/>
  <br/>
  <Space>
    <Button type="primary" theme="light" :icon="Camera" shape="circle" />
    <Button type="danger" theme="light" :icon="Camera" shape="circle" />
    <Button type="warning" theme="light" :icon="Camera" shape="circle" />
    <Button theme="light" :icon="Camera" shape="circle" />
  </Space>
</template>
<script>
import { Camera } from 'kui-icons'
export default{
  data() {
    return {
      Camera
    }
  }
}
</script>
```