mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-24 07:28:28 +08:00
66cafb95b0
* Remove delay loading button demo
* Button loading support like { delay: number }, close #5365
* update loading delay
1.4 KiB
1.4 KiB
| category | type | title |
|---|---|---|
| Components | General | Button |
To trigger an operation.
When To Use
A button means an operation (or a series of operations). Clicking a button will trigger corresponding business logic.
API
To get a customized button, just set type/shape/size/loading/disabled.
| Property | Description | Type | Default |
|---|---|---|---|
| type | can be set to primary dashed danger(added in 2.7) or omitted |
string | 'default' |
| htmlType | to set the original type of button, see: MDN |
string | button |
| icon | set the icon of button, see: Icon component | string | - |
| shape | can be set to circle or omitted |
string | - |
| size | can be set to small large or omitted |
string | default |
| loading | to set the loading status of button | boolean | { delay: number } | false |
| onClick | set the handler to handle click event |
function | - |
| ghost | make background transparent and invert text and border color, added in 2.7 | boolean | false |
<Button>Hello world!</Button> will be rendered into <button>Hello world!</button>, and all the properties which are not listed above will be transferred to the <button> tag.