# button 按钮
通过基础的 24 分栏，迅速简便地创建布局。

## 基本按钮
```html
  <sui-button>默认按钮</sui-button>
  <sui-button type="primary">主要按钮</sui-button>
  <sui-button type="text">文字按钮</sui-button>
```

## 默认显示颜色
```html
  <sui-button type="success">成功按钮</sui-button>
  <sui-button type="warning">警告按钮</sui-button>
  <sui-button type="danger">危险按钮</sui-button>
  <sui-button type="info">信息按钮</sui-button>

```
## hover 显示颜色
```html
  <sui-button :plain="true" type="success">成功按钮</sui-button>
  <sui-button :plain="true" type="warning">警告按钮</sui-button>
  <sui-button :plain="true" type="danger">危险按钮</sui-button>
  <sui-button :plain="true" type="info">信息按钮</sui-button>
```
***
## API
### sui-button  
* Props

|名称     |类型   |默认值  |描述 |
|:-------:|:----:|:------:|:---:|
|size     |String|空      |尺寸:large,small,mini|
|type     |String|空      |类型:primary, text, success, warning, danger, info|
|plain    |String|false     |线形 |