Skip to content

Button 按钮

常用的操作按钮。

基础用法

使用typeplainroundcircle属性来定义 Button 的样式。

禁用状态

你可以使用 disabled 属性来定义按钮是否被禁用。

使用 disabled 属性来控制按钮是否为禁用状态。 该属性接受一个 Boolean 类型的值。

链接按钮

文字按钮

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

图标按钮

使用图标为按钮添加更多的含义。 你也可以单独使用图标不添加文字来节省显示区域占用。

按钮组

以按钮组的方式出现,常用于多项类似操作。使用<swc-button-group>标签来嵌套你的按钮。

加载中

点击按钮来加载数据,并向用户反馈加载状态。

通过设置 loading 属性为 true 来显示加载中状态。

调整尺寸

除了默认的大小,按钮组件还提供了几种额外的尺寸可供选择,以便适配不同的场景。

使用 size 属性额外配置尺寸,可使用 largesmall 两种值

Button 属性

参数说明类型可选值默认值
size尺寸stringlarge / default / smalldefault
type类型stringprimary / success / warning / danger / info
text是否文字按钮booleanfalse
plain是否朴素按钮booleanfalse
round是否圆角按钮booleanfalse
circle是否圆形按钮booleanfalse
loading是否加载中状态booleanfalse
disabled是否禁用状态booleanfalse
icon图标类名string

Button 插槽

插槽名说明子标签
default自定义默认内容Button
loading自定义加载中组件-
icon自定义图标组件-

MIT Licensed