Skip to content

Button 按钮

在日常开发中比较常用的操作按钮。

基础使用

versakitUI 提供了一些基础样式来使用,我们可以通过 typeplainround 来修改按钮的圆角,颜色和是否透明等属性。

按钮风格

使用 stylevariant 属性来改变按钮的视觉风格。

禁止状态

您可以使用 disabled 属性来定义按钮是否被禁用,该属性接受一个 Boolean 类型的值。

按钮大小

我们可以通过调整 size 属性来控制按钮大小。

水波纹按钮

按钮可以结合水波纹一起使用。

图标按钮

使用 icon 属性来设置按钮的图标样式,您可以在我们的 Icon 组件中找到所需图标。

Button API

Button 属性

属性说明类型默认值
type按钮的类型,例如可以是 primary(主要按钮)、success(成功按钮)等不同分类来表示不同状态的样式风格enum
default
plain用于指示按钮是否为朴素按钮样式,朴素按钮通常是背景透明、只有文字和边框等简单样式呈现booleanfalse
round判断按钮是否呈现圆角的外观效果booleanfalse
disabled确定按钮是否处于禁用状态,禁用状态下按钮不可点击,常通过变灰等视觉样式体现booleanfalse
ghost是否为ghostbooleanfalse
text是否为文本按钮booleanfalse
circle是否为圆角按钮booleanfalse
shade是否是阴影按钮booleanfalse
color自定义颜色按钮string-
icon自定义图标按钮string-
size自定义按钮大小stringdefault