Skip to content

Button 按钮

按钮用于开始一个即时操作。按钮标记了一个(或封装一组)操作命令,响应用户点击行为,触发响应的业务逻辑。

Primary 主按钮

Secondary 次级按钮

Text 文字按钮

Outlined 按钮

White Outlined 按钮

Round 胶囊按钮

Block 块状按钮

图标

当需要在 Button 内嵌入 Icon 时,可以设置 icon 属性,或者直接在 Button 内使用 Icon 组件。

如果想控制 Icon 具体的位置,只能直接使用 Icon 组件,而非 icon 属性。

不同的大小

按钮可以被设置不同的尺寸,minismallnormallarge

Loading 加载中

超出显示设置

支持 ellipsis, clip 等,仅在有最大宽度限制下生效

Button props

参数介绍类型可选值默认值
type按钮类型Stringprimary, secondary, text, outlined, white-outlinedprimary
size按钮大小Stringmini, small, normal, largenormal
round胶囊按钮Booleanfalse
block块状按钮Booleanfalse
disabled禁用按钮Booleanfalse
icon显示图标String--
loading是否加载中Booleanfalse
html-typehtml 按钮类型String-button

Button events

事件介绍定义
click按钮点击(event) => void