Tag 标签
用于表明主体的类目,属性或状态。
构成
Tag
1
2
1: 容器
主要为蓝色、绿色、橙色、红色、灰色 5 种
2: 前缀 icon
默认非必有,可替换 ,表示进度状态
4:文字
必有
3
变体/类型
语义类标签
Tag
默认
Tag
成功
Tag
警告
Tag
失败
Tag
中性
带图标类标签
Tag
未开始
Tag
进行中
Tag
已完成
运营类标签
Tag
默认
使用场景
Tag
Tag
Tag
场景说明:
default 基础功能标签:
用于展示状态信息,通过 default、success、warning、failed、end 来代表不同的状态
operational 运营类标签:
用于展示强运营属性信息,非状态信息,建议一个页面最多不要出现两个以上
标注
lg-24
md-20
sm-16
24px
20px
16px
Tag
Tag
Tag
多语言适配
New Users
Новые пользователи
说明:
优先精简文案
标签长度根据需求自定义,文案建议不超过10个字符
RTL
0 Fess
LTR
المعدلات
RTL
用法
Tag
Tag
Tag
正确
Tag
Tag
Tag
Tag
错误
标签使用不宜添加过多,数量一般控制在 3 个,且颜色最多 2 种,避免色彩过多视觉花哨
New Users
正确
New Us...
错误
不要截断标签内容, 让用户一眼就能明白标签代表什么,这一点很重要
Tag
Tag
Tag
正确
Tag
Tag
Tag
错误
运营类标签 不可同时出现两个,可搭配基础默认标签使用
标签、分类标签、关键词标签、标记、主题标签