Button 按钮

常用的操作按钮。

基础用法

基础的按钮用法。

Button 按钮 - 图1

禁用状态

按钮不可用状态。

Button 按钮 - 图2

有颜色倾向

不同的颜色倾向代表不同的提示

Button 按钮 - 图3

图标按钮

带图标的按钮可增强辨识度(有文字)或节省空间(无文字)。

Button 按钮 - 图4

按钮组

以按钮组的方式出现，常用于多项类似操作。

Button 按钮 - 图5

加载中

点击按钮后进行数据加载操作，在按钮上显示加载状态。

Button 按钮 - 图6

不同尺寸

Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。

Button 按钮 - 图7

Attributes

参数说明类型可选值默认值
size尺寸stringlarge,small,mini—
type类型stringprimary,success,warning,danger,info,text—
plain是否朴素按钮Booleantrue,falsefalse
loading是否加载中状态Boolean—false
disabled禁用booleantrue, falsefalse
icon图标，已有的图标库中的图标名string——
nativeType原生 type 属性stringbutton,submit,resetbutton