Skip to content

Button 按钮 ​

常用的操作按钮。

基础用法 ​

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

禁用状态 ​

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

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

链接按钮 ​

文字按钮 ​

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

图标按钮 ​

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

按钮组 ​

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

加载中 ​

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

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

调整尺寸 ​

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

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

Button 属性 ​

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

Button 插槽 ​

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

MIT Licensed