Button 按钮
基础用法
使用 rounded、outlined、circle、text、outlined 属性来定义按钮的样式,部分可以自由组合。
调节大小
使用 x-small、small、large、x-large 属性来定义按钮的大小。
加载状态
设置 loading 属性为 true 来显示加载中状态。
禁用状态
设置 disabled 属性为 true 来表示禁用状态。
图标按钮
在使用 Icon 插入相应位置,并且内容使用标签包裹起来,以获得区分。如果时纯文本可以使用 span 包裹。
颜色
给 color 属性设置一个内置的颜色名称。
Button API
属性
| 属性名 | 说明 | 类型 | 默认值 | 是否必填 |
|---|---|---|---|---|
| tag | 自定义元素标签 | String | button | No |
| rounded | 是否为圆角按钮 | Boolean | false | No |
| circle | 是否为圆形按钮 | Boolean | false | No |
| text | 是否为文字按钮 | Boolean | false | No |
| outlined | 是否为镂空按钮 | Boolean | false | No |
| disabled | 是否禁用 | Boolean | false | No |
| loading | 加载中状态 | Boolean | false | No |
| block | 按钮撑开 | Boolean | false | No |
| x-small | 超小号按钮 | Boolean | false | No |
| small | 小号按钮 | Boolean | false | No |
| large | 大号按钮 | Boolean | false | No |
| x-large | 超大号按钮 | Boolean | false | No |