## Button组件

## Import
```js
import { Button } from 'bxs-ui-vue';
```

## Example

#### 按钮类型
支持`primary`、`minor`、`assist`三种类型，默认为`primary`

```html
<bxs-button type="primary">主要按钮</bxs-button>
<bxs-button type="minor">次要按钮</bxs-button>
<bxs-button type="assist">辅助按钮</bxs-button>
```

#### 禁用状态

通过`disabled`属性来禁用按钮，此时按钮不可点击，默认为`false`

```html
<bxs-button disabled type="primary">禁用状态</bxs-button>
<bxs-button disabled type="minor">禁用状态</bxs-button>
<bxs-button disabled type="assist">禁用状态</bxs-button>
```

#### 朴素按钮
通过`plain`属性来使用朴素按钮，默认为`false`

```html
<bxs-button plain type="primary">朴素按钮</bxs-button>
<bxs-button plain type="minor">朴素按钮</bxs-button>
<bxs-button plain type="assist">朴素按钮</bxs-button>
<bxs-button plain disabled type="primary">朴素禁用按钮</bxs-button>
<bxs-button plain disabled type="minor">朴素禁用按钮</bxs-button>
<bxs-button plain disabled type="assist">朴素禁用按钮</bxs-button>
```

#### 按钮尺寸
支持`large`、`middle`、`normal`、`small`、`mini`五种尺寸，默认为`normal`

```html 
<bxs-button size="large">大号按钮</bxs-button>
<bxs-button size="middle">中号按钮</bxs-button>
<bxs-button size="normal">普通按钮</bxs-button>
<bxs-button size="small">小型按钮</bxs-button>
<bxs-button size="mini">迷你按钮</bxs-button>
```

## Attribute
| 参数| 说明 | 类型 | 可选值 | 默认值 |
| --- | --- | --- |  --- |  --- |
|type|类型|String|`primary`、`minor`、`assist` |`primary`|
|size|大小|String|`large`、`middle`、`normal`、`small`、`mini`|`normal`|
|plain|是否为朴素按钮|Boolean|--|false|
|disabled|是否禁用按钮|Boolean|--|false|
|loading|是否为加载状态，loading状态click不触发|Boolean|--|false|
|native-type|原生 type 属性|String|`button`、`submit`、`reset`|`button`|

### Slot
无

## Event
| 事件名 | 说明 | 参数 |
| --- | --- | --- |
|click|按钮点击触发事件，当loading时不触发|--|
