Button 按钮

Button 按钮常用的操作按钮。

基础用法基础的按钮用法。

使用type、plain、round和circle属性来定义 Button 的样式。

代码语言：javascript复制

默认按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

朴素按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

圆角按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

禁用状态按钮不可用状态。

代码语言：javascript复制

默认按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

朴素按钮

主要按钮

成功按钮

信息按钮

警告按钮

危险按钮

文字按钮没有边框和背景色的按钮。

文字按钮

文字按钮

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

代码语言：javascript复制

搜索

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

代码语言：javascript复制

上一页

下一页

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

代码语言：javascript复制加载中不同尺寸Button 组件提供除了默认值以外的三种尺寸，可以在不同场景下选择合适的按钮尺寸。

额外的尺寸：medium、small、mini，通过设置size属性来配置它们。

代码语言：javascript复制

默认按钮

中等按钮

小型按钮

超小按钮

默认按钮

中等按钮

小型按钮

超小按钮

Attributes参数

说明

类型

可选值

默认值

size

尺寸

string

medium / small / mini

—

type

类型

string

primary / success / warning / danger / info / text

—

plain

是否朴素按钮

boolean

—

false

round

是否圆角按钮

boolean

—

false

circle

是否圆形按钮

boolean

—

false

loading

是否加载中状态

boolean

—

false

disabled

是否禁用状态

boolean

—

false

icon

图标类名

string

—

—

autofocus

是否默认聚焦

boolean

—

false

native-type

原生 type 属性

string

button / submit / reset

button