标签组件
标签用于标记、分类和选择。可以用来标记事物的属性、分类,或表示状态等。
基础用法
基础标签的用法,包含多种颜色类型。
可关闭标签
添加关闭图标的标签,点击可移除标签。
不同尺寸
标签提供三种不同尺寸:大号、默认和小号。
不同形状
标签可以有不同的形状:默认(方角)、圆角和胶囊形。
带图标的标签
在标签内嵌入图标,增强视觉效果。
实心标签
使用实心背景色的标签,视觉效果更强。
可点击标签
可点击交互的标签,常用于筛选或分类操作。
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 | - |