@58fe/p5/src/doc/button.md

pc端vue组件

## Button 按钮

### 引入
```javascript
import { btn } from '@58fe/p5';
```
### 基本用法

:::demo 按钮

```html
<btn>默认按钮</btn>
```

:::

### 设置size

:::demo 按钮

```html
<btn size="large">大按钮</btn>
<btn>默认按钮</btn>
<btn size="small">小按钮</btn>
```

:::

### 按钮类型

设置`type`为`primary`、`success`、`info`、`warning`、`darger`。
:::demo 按钮

```html
<btn>默认按钮</btn>
<btn type="primary">主要按钮</btn>
<btn type="success">默认按钮</btn>
<btn type="info">信息按钮</btn>
<btn type="warning">警告按钮</btn>
<btn type="danger">危险按钮</btn>
```

:::

### 文字按钮

:::demo 按钮

```html
<btn native-type='text'>默认按钮</btn>
```

:::

### 禁用状态

:::demo 按钮

```html
<btn disabled>默认按钮</btn>
<btn type='text' disabled>默认按钮</btn>
```

:::

### 参数

| 参数     | 说明         | 类型        | 可选值       | 默认值  |
| -------- | ------------ | ----------- | ------------ | ------- |
| disabled | 使用禁用按钮 | Boolean     | ——           | false   |
| size | 按钮大小 | String     | ——           | large、small   |
| type     | 按钮类型     | String/标签 | default |  primary、success、info、warning、danger|
| nativeType     | 按钮原声类型     | String/标签 | default/text | default |