Skip to content

Tag 标签

标签用于标记和选择,用来标记事物的属性和维度,以进行分类或标记。

基础用法

基础的标签用法,可以通过type属性设置不同的标签类型。

标签的 type 属性支持 primarysuccesswarningerror 等类型。

默认标签
主要标签
成功标签
警告标签
错误标签

可移除标签

设置 closable 属性可以定义一个标签是否可移除。

点击标签的关闭按钮可以将其移除。

标签一
标签二
+ 添加标签

不同尺寸

标签组件提供了不同的尺寸选择。

通过设置 size 属性可以使用不同尺寸的标签,支持 smallmediumlarge 三种尺寸。

小尺寸:
小标签
小标签
小标签
中等尺寸:
默认标签
默认标签
默认标签
大尺寸:
大标签
大标签
大标签

主题

标签组件提供了不同的主题。

通过设置 effect 属性可以使用不同主题的标签,支持 lightdarkplain 三种主题。

Light 主题:
标签
标签
标签
标签
标签
Dark 主题:
标签
标签
标签
标签
标签
Plain 主题:
标签
标签
标签
标签
标签

圆角设置

可以设置标签是否为圆角样式。

通过设置 round 属性为 false 可以使标签变为方形。

圆角标签(默认):
圆角标签
圆角标签
圆角标签
方形标签:
方形标签
方形标签
方形标签

Tag 属性

属性名说明类型可选值默认值
type标签类型Stringprimary/success/warning/errorprimary
closable是否可关闭Booleantrue/falsefalse
size标签尺寸Stringsmall/medium/largemedium
text-color标签字体颜色String
bg-color标签背景颜色String
effect标签主题Stringlight/dark/plainlight
round是否为圆角标签Booleantrue/falsetrue

Tag 事件

事件名说明回调参数
close关闭标签时触发event