标签

标签是对象属性的文本描述，例如其状态或类型。标签用于对实体进行分类、标记或分类，以及以键值（Key:Value）格式标记它们。

§何时使用DLQ

标签在各处使用（例如，在卡片中、表格中、实体页面上）以指示对象的属性，并帮助用户快速识别和分类内容。标签通常显示在相关对象旁边。

另一个应用选项是显示不适合列表的对象数量。在这种情况下，将鼠标悬停在标签上会显示一个包含剩余实体列表的弹出框。

标签也可以用作标记来组织实体并使与它们一起工作更容易。

在表格中显示标签时，限制单元格中的标签数量（一行不超过2-3个标签，一个表格中不超过2列带有标签的列）和最大字符数（不超过20个字符，后跟省略号）。

§结构

1 — 左侧图标：可选且非交互式。用于更快地检索信息。

2 — 文本：标签不应超过20个字符。您可以使用形容词（例如，新的、活跃的、免费的）、分词（例如，已停止）、名词（例如，折扣）和副词。标签文本不应包含动词（例如，启用）。如果您需要使用动词，请使用按钮代替。

3 — "键：值"格式的文本替代版本，用于手动标记对象。例如，您可以将对象标记为"服务：交付"或"发布：23"。

4 — 右侧按钮：交互式。可以是退出图标或复制图标。

§尺寸

有三种标签尺寸：

XS - 经常用于表格、列表、标题、弹出窗口和实体页面。

S - 用于在表单和其他有足够空间的区域预览新添加的标记。

M - 由于其与按钮的相似性，使用较少。

§主题

无语义颜色

Default — 默认标签，通常用于突出显示没有语义着色的信息。

Clear — 没有背景，只有轮廓。用于最小强调

带有语义着色

Unknown — 当不需要关注标签内包含的信息时使用的中性选项。

Accent — 用于突出重要信息和"进行中"的操作。

Success — 用于指示成功完成的过程或实体的"健康"状态。

Warning — 用于紧急情况，例如提醒用户某事

Danger — 吸引用户全部注意力，例如当发生错误并需要立即采取行动修复时。

§语义标签与按钮

标签，包括那些带有语义着色的标签，用于指示状态。与它们交互的唯一方式是将鼠标悬停在标签上或点击图标。标签不能设置为"已选择"。如果您需要基于语义标签创建交互式元素（例如，用于状态过滤器），请使用按钮。它们有一个按下（应用）状态 - 已选择 - 并且可以与语义颜色一起使用。

§修改和状态

所有标签都有五种状态：仅文本、文本前的图标、文本后的图标、前后都有图标，以及只有一个图标。

您可以交互：

1. 与整个标签。例如，通过将鼠标悬停在标签上显示带有详细信息的弹出框。

2. 仅与右侧图标。根据图标，点击它可能会删除标签或复制其值。

添加标签交互时，确保它们直观且简单明了。

§附加功能

您可以创建基于标签的动态过滤器来对内容进行排序。例如，点击加号图标添加新值，而点击叉号图标取消过滤器。

如果您的界面允许用户创建自己的标签并标记对象，他们也应该能够添加和删除它们。

§自定义

标签的颜色、圆角、尺寸和内边距可以自定义。标签内包含的文本应易于阅读。

当用户将鼠标悬停在标签上时更改标签的外观或颜色，以指示交互的可能性。