按钮 Button

按钮用于开始一个即时操作。

何时使用

标记了一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。

代码演示

基本用法

基础的按钮用法。

按钮类型

按钮有五种类型：主按钮、次按钮、默认按钮、文字按钮和链接按钮。

按钮尺寸

按钮有两种尺寸：中号（40px）和小号（30px）。

虚线边框

通过 dashed 属性设置按钮边框为虚线样式。

危险按钮

通过 danger 属性设置危险按钮样式，可与其他属性组合使用。

危险虚线按钮

危险样式与虚线样式的组合。

加载中状态

通过 loading 属性设置按钮为加载中状态。

块级按钮

通过 block 属性将按钮宽度调整为其父容器宽度。

禁用状态

通过 disabled 属性禁用按钮。

带图标按钮

通过 iconLeft 和 iconRight 属性添加图标。

API

通过设置 Button 的属性来产生不同的按钮样式。

参数	说明	类型	默认值
variant	设置按钮类型	primary | secondary | default | text | link	primary
size	设置按钮大小	md | sm	md
dashed	设置按钮边框为虚线	boolean	false
danger	设置危险按钮	boolean	false
loading	设置按钮载入状态	boolean	false
block	将按钮宽度调整为其父宽度的选项	boolean	false
disabled	按钮失效状态	boolean	false
iconLeft	左侧图标	ReactNode	-
iconRight	右侧图标	ReactNode	-
onClick	点击按钮时的回调	(event) => void	-