Skip to content

Button 按钮 ​

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

Primary 主按钮 ​

Secondary 次级按钮 ​

Text 文字按钮 ​

Outlined 按钮 ​

White Outlined 按钮 ​

Round 胶囊按钮 ​

Block 块状按钮 ​

图标 ​

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

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

不同的大小 ​

按钮可以被设置不同的尺寸,mini、 small、normal、large。

Loading 加载中 ​

超出显示设置 ​

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

Button props ​

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

Button events ​

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