CoreBadge
Примеры использования и документация.
Компактная метка статуса или счётчика: «новое», «черновик», число непрочитанных — рядом с элементом, к которому относится. Семантический цвет считывается с одного взгляда, раньше текста; три веса — solid, soft, outline — подбираются по важности сигнала. Режим точки-индикатора — там, где подпись не нужна: онлайн-статус, непрочитанное, ошибки соединения.
Цвет — любой из семи токенов, пробрасывается парой --badge-rgb/--badge-cfg (единый паттерн core): все варианты и состояния работают с любым цветом автоматически. dot превращает метку в точку 8px; цвет — единственный носитель смысла (WCAG 1.4.1), поэтому статус дублируется текстом для скринридеров (sr-only) — передайте label или слот. pulse — пульсация: расходящееся кольцо цвета токена + лёгкое усиление яркости в такт; при prefers-reduced-motion — статичный цвет.
flow — фирменный перелив на плашке (в режиме dot игнорируется): градиент общей темы, текст автоматически берёт контрастный фоновый цвет. Метка однострочная (nowrap) — не ломает раскладку рядом с любым текстом.
Neutral softSolidOutlinePrimarySuccessWarningDangerInfo Уведомление с точкой Пульсирующая точка Danger pulsePrimary pulseОшибкаFlow solidFlow pulseFlow outline
В сети Ожидает ответа Ошибка соединения