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.9 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
ghost make background transparent and invert text and border colors, added in 2.7 boolean false
href redirect url of link button string -
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
disabled disabled state of button boolean false
shape can be set to circle or omitted string -
size can be set to small large or omitted string default
target same as target attribute of a, works when href is specified string -
type can be set to primary ghost dashed danger(added in 2.7) or omitted (meaning default) string default
onClick set the handler to handle click event function -

<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>.