标签组件

标签用于标记、分类和选择。可以用来标记事物的属性、分类,或表示状态等。

基础组件 数据展示

基础用法

基础标签的用法,包含多种颜色类型。

可关闭标签

添加关闭图标的标签,点击可移除标签。

不同尺寸

标签提供三种不同尺寸:大号、默认和小号。

不同形状

标签可以有不同的形状:默认(方角)、圆角和胶囊形。

带图标的标签

在标签内嵌入图标,增强视觉效果。

实心标签

使用实心背景色的标签,视觉效果更强。

可点击标签

可点击交互的标签,常用于筛选或分类操作。

API

标签组件的属性和类。

属性 说明 类型 默认值
tag 基础类,所有标签都需要添加 string -
tag-primary 主要标签样式(蓝色) string -
tag-success 成功标签样式(绿色) string -
tag-warning 警告标签样式(黄色) string -
tag-danger 危险标签样式(红色) string -
tag-info 信息标签样式(灰色) string -
tag-round 圆角标签 string -
tag-pill 胶囊形标签 string -
tag-large 大号标签 string -
tag-small 小号标签 string -
tag-closable 可关闭标签 string -
tag-clickable 可点击标签 string -
tag-with-icon 带图标的标签 string -
tag-solid 实心背景标签 string -
tag-border 只有边框的标签 string -