# Button 按钮

按钮组件。

基础用法

使用 type 属性来改变按钮的背景色。按钮默认是白色背景,type 值为 default

显示代码

文字按钮

没有边框和背景色的按钮。此时 type 值为 text

显示代码

禁用状态

使用 disabled 属性来定义按钮是否可用,它接受一个 Boolean 值。

显示代码

加载中

点击按钮后进行数据加载操作,在按钮上显示加载状态。
使用 loading 属性来改变按钮的加载状态,它接受一个 Boolean 值。

显示代码

不同尺寸

Button 组件提供除了默认值以外的三种尺寸,可以在不同场景下选择合适的按钮尺寸。
size 属性用来改变按钮的尺寸大小,除默认值外还有三个可选值:mediumsmallmini

显示代码

图标按钮

带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。
通过添加icon属性来为按钮添加图标,可用的图标名称请参考 图标字体 一节。

显示代码

按钮组

有多项类似操作并列出现时,可使用按钮组的方式来布局。

显示代码

# 参数说明

参数 说明 类型 可选值 默认值
type 类型 string primary / success / warning / danger / info / text
disabled 是否禁用状态 boolean false
plain 是否朴素按钮 boolean false
round 是否圆角按钮 boolean false
circle 是否圆形按钮 boolean false
loading 是否加载中状态 boolean false
size 按钮大小 string medium/small/mini
icon 图标类名 string