Badge
Figma
Badge (бейдж) - элемент, который обозначает статус, уведомление или оповещение. Используется с другими компоненами: табами, профайлом, чипами. Не кликабелен.
Из чего состоит
  1. Текст бейджа
  2. Поле бейджа
Основные
Редактируемые
Основные свойства
Тема (Theme)
Приоритет (Priority)
Состояние (State)
Форма (Form)
Размер (Size)
Редактируемые элементы
✏️ Текст (Text)
Акцентный цвет (day)
Могут принимать акцентный цвет: фон главного бейджа (Primary), обводка вторичного бейджа (Secondary).
Акцентный цвет (night)
Могут принимать акцентный цвет: фон главного бейджа (Primary), обводка вторичного бейджа (Secondary).
Большое количество текста
Бейджи не могут быть в две строки.
Максимальное количество видимых символов в бейдже: 128. Остальные символы скрываются в троеточие
При размещении в контейнере в троеточие скрывается часть, которая не помещается.
Расположение
Могут использоваться в чипах, в профайле, в табах, в карточках товаров и в любом интерфейсе в качестве самостоятельного элемента.