Skip to content

Button 按钮

基础用法

使用 roundedoutlinedcircletextoutlined 属性来定义按钮的样式,部分可以自由组合。

调节大小

使用 x-smallsmalllargex-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