Appearance
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 | 是否为朴素按钮 | boolean | false |
| block | 块级 | boolean | false |
| disabled | 是否禁用状态 | boolean | false |
| round | 是否圆角按钮 | boolean | false |
插槽
| 插槽名 | 说明 |
|---|---|
| — | 自定义默认内容 |