Skip to content

Button 按钮

基础用法

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

禁用状态

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

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

调整尺寸

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

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

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

插槽

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