mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-23 23:18:36 +08:00
66cafb95b0
* Remove delay loading button demo
* Button loading support like { delay: number }, close #5365
* update loading delay
1.5 KiB
1.5 KiB
| category | type | title | subtitle |
|---|---|---|---|
| Components | General | Button | 按钮 |
按钮用于开始一个即时操作。
何时使用
标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。
API
通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：type -> shape -> size -> loading -> disabled
按钮的属性说明如下：
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| type | 设置按钮类型，可选值为 primary dashed danger(版本 2.7 中增加) 或者不设 |
string | - |
| htmlType | 设置 button 原生的 type 值，可选值请参考 HTML 标准 |
string | button |
| icon | 设置按钮的图标类型 | string | - |
| shape | 设置按钮形状，可选值为 circle 或者不设 |
string | - |
| size | 设置按钮大小，可选值为 small large 或者不设 |
string | default |
| loading | 设置按钮载入状态 | boolean | { delay: number } | false |
| onClick | click 事件的 handler |
function | - |
| ghost | 幽灵属性，使按钮背景透明，版本 2.7 中增加 | boolean | false |
<Button>Hello world!</Button> 最终会被渲染为 <button>Hello world!</button>，并且除了上表中的属性，其它属性都会直接传到 <button></button>。