Skip to content

Button 按钮 ​

基础用法 ​

使用 rounded、outlined、circle、text、outlined 属性来定义按钮的样式,部分可以自由组合。

调节大小 ​

使用 x-small、small、large、x-large 属性来定义按钮的大小。

加载状态 ​

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

禁用状态 ​

设置 disabled 属性为 true 来表示禁用状态。

图标按钮 ​

在使用 Icon 插入相应位置,并且内容使用标签包裹起来,以获得区分。如果时纯文本可以使用 span 包裹。

颜色 ​

给 color 属性设置一个内置的颜色名称。

Button API ​

属性 ​

属性名说明类型默认值是否必填
tag自定义元素标签StringbuttonNo
rounded是否为圆角按钮BooleanfalseNo
circle是否为圆形按钮BooleanfalseNo
text是否为文字按钮BooleanfalseNo
outlined是否为镂空按钮BooleanfalseNo
disabled是否禁用BooleanfalseNo
loading加载中状态BooleanfalseNo
block按钮撑开BooleanfalseNo
x-small超小号按钮BooleanfalseNo
small小号按钮BooleanfalseNo
large大号按钮BooleanfalseNo
x-large超大号按钮BooleanfalseNo