# Button 按钮
----
### 基础用法
- 基础的按钮用法,使用`type`、`plain`、`round`和`circle`属性来定义 Button 的样式。
默认按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
朴素按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
圆角按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
:::demo
```html
默认按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
朴素按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
圆角按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
```
:::
### 禁用状态
- 按钮不可用状态。
默认按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
朴素按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
:::demo
```html
默认按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
朴素按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
```
:::
### 文字按钮
没有边框和背景色的按钮。
文字按钮
文字按钮
:::demo
```html
文字按钮
文字按钮
```
:::
### 图标按钮
- 带图标的按钮可增强辨识度（有文字）或节省空间（无文字）。
- 设置`icon`属性即可，icon 的列表可以参考 Element 的 icon 组件，也可以设置在文字右边的 icon ，只要使用`i`标签即可，可以使用自定义图标。
搜索
上传
:::demo
```html
搜索
上传
```
:::
### 不同尺寸
- Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。
默认按钮
中等按钮
小型按钮
超小按钮
默认按钮
中等按钮
小型按钮
超小按钮
:::demo
```html
默认按钮
中等按钮
小型按钮
超小按钮
默认按钮
中等按钮
小型按钮
超小按钮
```
:::
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
| -------- | -------------- | ------- | -------------------------------------------------- | ------ |
| size | 尺寸 | string | medium / small / mini | — |
| type | 类型 | string | primary / success / warning / danger / info / text | — |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 是否圆角按钮 | boolean | — | false |
| circle | 是否圆形按钮 | boolean | — | false |
| loading | 是否加载中状态 | boolean | — | false |
| disabled | 是否禁用状态 | boolean | — | false |
| icon | 图标类名 | string | — | — |