Skip to content

Button 按钮 ​

基础用法 ​

使用 type、plain、round 和 circle 来定义按钮的样式。

禁用状态 ​

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

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

调整尺寸 ​

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

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

Tag ​

您可以自定义元素标签。例如,按钮,div,路由链接,nuxt链接。

块级按钮 block ​

通过 block 属性设置按钮为块级

按钮组 ​

使用<s-button-group>标签来嵌套你的按钮。

虚线按钮 ​

使用 dashed 来使用虚线按钮。

加载中 (开发中) ​

要设置为 loading 状态,只要设置loading属性为true即可。

API ​

属性 ​

属性名说明类型默认值
size尺寸'large' | 'default' | 'small'—
type类型'primary' | 'success' | 'info' | 'warning' | 'danger'| 'default'—
plain是否为朴素按钮booleanfalse
block块级booleanfalse
disabled是否禁用状态booleanfalse
round是否圆角按钮booleanfalse

插槽 ​

插槽名说明
—自定义默认内容