You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.6 KiB
1.6 KiB
API
To get a customized button, just set type/shape/size/loading/disabled.
| Property | Description | Type | Default |
|---|---|---|---|
| disabled | disabled state of button | boolean | false |
| ghost | make background transparent and invert text and border colors, added in 2.7 | boolean | false |
| htmlType | set the original html type of button, see: MDN |
string | button |
| icon | set the icon of button, see: Icon component | string | - |
| loading | set the loading status of button | boolean | { delay: number } | false |
| shape | can be set to circle, round or omitted |
string | - |
| size | can be set to small large or omitted |
string | default |
| type | can be set to primary ghost dashed danger link or omitted (meaning default) |
string | default |
| block | option to fit button width to its parent width | boolean | false |
events
| Events Name | Description | Arguments |
|---|---|---|
| click | set the handler to handle click event |
(event) => void |
<Button>Hello world!</Button> will be rendered into <button><span>Hello world!</span></button>, and all the properties which are not listed above will be transferred to the <button> tag.
<Button href="http://example.com">Hello world!</Button> will be rendered into <a href="http://example.com"><span>Hello world!</span></a>.
FAQ
How to remove space between 2 chinese characters
Use ConfigProvider to set autoInsertSpaceInButton as false.