# Button 按钮 ---- ### 基础用法 使用```type```、```plain``` 和 ```round``` 属性来定义 Button 的样式。
默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
朴素按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
圆形按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
::: demo ```html
默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
朴素按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
圆形按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
``` ::: ### 禁用状态 按钮不可用状态。
默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
朴素按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
::: demo ```html
默认按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
朴素按钮 主要按钮 成功按钮 信息按钮 警告按钮 危险按钮
``` ::: ### 带icon的按钮 按钮中加入属性 ```icon``` 值为 ```现有图标库``` 就是带icon的按钮
小姐姐给我个爱心吧 下载 上传 睁开眼 闭上眼 Angular
::: demo ```html
小姐姐给我个爱心吧 下载 上传 睁开眼 闭上眼 Angular
``` ::: ### 不同尺寸 Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。 额外的尺寸：```medium```、```small```，通过设置```size```属性来配置它们。
默认尺寸 中等按钮 小型按钮
::: demo ```html 默认尺寸 中等按钮 小型按钮 ``` ::: ### Attributes | 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | size | 尺寸 | string | default,medium,small | — | | type | 类型 | string | primary,success,warning,danger,info | — | | plain | 是否朴素按钮 | Boolean | — | false | | disabled | 是否禁用状态 | boolean | — | false | | icon | 图标，已有的图标库中的图标名 | string | — | — |