Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Tag (тег) — метка, помогающая пользователям быстро распознавать важную информацию об элементах, которые систематизируют и классифицируют с помощью ключевых слов, описывающих их. Теги часто применяются в качестве фильтра, когда они имеют один и тот же цвет, или используются, когда контент сопоставляется с несколькими категориями, где цвет используется для различения категорий.

Варианты и состояния

Существует два типа тэгов:

  • default — тег, используемые в качестве ключевого слова для определенного типа информации;
  • filter — тег, состоящий не только из описания, но и из иконки удаления, часто данный тип тегов используется для фильтрации контента.

Основные правила

  • Текст тега должен быть ясен и краток.
  • Теги имеют максимальную ширину 300 пикселей и будут сокращать троеточием более длинный текст.

Построение

  • Радиус скругления всех полей равен 4 px.
  • Обязательным является соблюдение отступов внутри и отступов снаружи.