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

A high quality UI Toolkit built on Vue.js 2.0

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

```vue
<template>
  <Space vertical align="start">
    <RadioGroup v-model="size">
      <RadioButton value="large" label="Large"/>
      <RadioButton value="default" label="Default"/>
      <RadioButton value="small" label="Small"/>
    </RadioGroup>
    <Space>
      <Button type="primary" :size="size">Primary</Button>
      <Button :size="size">Default</Button>
      <Button type="dashed" :size="size">Dashed</Button>
      <Button type="link" :size="size">Link</Button>
      <br/>
      <Button type="primary" :size="size" :icon="CloudDownload"></Button>
      <Button type="primary" shape="circle" :size="size" :icon="CloudDownload"></Button>
      <Button type="primary" shape="circle" :size="size" :icon="CloudDownload">Download</Button>
      <Button type="primary" :size="size" :icon="CloudDownload">Download</Button>
    </Space>
  </Space>
</template>
<script>
import { CloudDownload } from "kui-icons";
export default{
  data() {
    return {
      CloudDownload,
      size:"default"
    }
  },
  methods:{
    change(value){
      this.size = value
    }
  }
}
</script>
```