Button: add compact size (#15895)

* Button: add compact size
* Docs: 極小 -> 极小
This commit is contained in:
amedora
2019-06-20 13:02:10 +09:00
committed by island205
parent c42734ad6d
commit 175543dc79
6 changed files with 31 additions and 8 deletions

View File

@@ -133,7 +133,7 @@
Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
:::demo 额外的尺寸:`medium``small``mini`,通过设置`size`属性来配置它们。
:::demo 额外的尺寸:`medium``small``mini``compact`,通过设置`size`属性来配置它们。
```html
<el-row>
@@ -141,12 +141,14 @@ Button 组件提供除了默认值以外的三种尺寸,可以在不同场景
<el-button size="medium">中等按钮</el-button>
<el-button size="small">小型按钮</el-button>
<el-button size="mini">超小按钮</el-button>
<el-button size="compact">極小按钮</el-button>
</el-row>
<el-row>
<el-button round>默认按钮</el-button>
<el-button size="medium" round>中等按钮</el-button>
<el-button size="small" round>小型按钮</el-button>
<el-button size="mini" round>超小按钮</el-button>
<el-button size="compact" round>极小按钮</el-button>
</el-row>
```
:::
@@ -154,7 +156,7 @@ Button 组件提供除了默认值以外的三种尺寸,可以在不同场景
### Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---------- |-------- |---------- |------------- |-------- |
| size | 尺寸 | string | medium / small / mini | — |
| size | 尺寸 | string | medium / small / mini / compact | — |
| type | 类型 | string | primary / success / warning / danger / info / text | — |
| plain | 是否朴素按钮 | boolean | — | false |
| round | 是否圆角按钮 | boolean | — | false |