button 使用过程笔记

a-config-provider：

delay: 1000

a-menu-item

a-menu

<a-dropdown>

<a-radio-group

API #

To get a customized button, just set type/shape/size/loading/disabled.

PropertyDescriptionTypeDefault

disableddisabled state of buttonbooleanfalse

ghostmake background transparent and invert text and border colors, added in 2.7booleanfalse

htmlTypeset the original html type of button, see: MDNstringbutton

iconset the icon of button, see: Icon componentstring-

loadingset the loading status of buttonboolean | { delay: number }false

shapecan be set to circle, round or omittedstring-

sizecan be set to small large or omittedstringdefault

typecan be set to primary ghost dashed danger link or omitted (meaning default)stringdefault

blockoption to fit button width to its parent widthbooleanfalse

events #

Events NameDescriptionArguments

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