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

错误

运营类标签 不可同时出现两个,可搭配基础默认标签使用



标签、分类标签、关键词标签、标记、主题标签

DESIGN

中文