Badge
Неинтерактивная числовая метка с восемью семантическими палитрами. count сохраняет ноль, ограничивается 99+; отрицательные/дробные значения нормализуются до неотрицательного целого. Нечисловое значение скрывается.
Использование
1
Варианты
11111111
Доступность
Нативный span без tabIndex и автоматического live-region. Укажите aria-label для контекста числа при необходимости. Динамические объявления управляются приложением. Контраст текущей палитры — согласованная отложенная правка; совпадение с Figma не означает соответствие всех сочетаний WCAG AA.
API
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
appearance | "primary" | "danger" | "success" | "warning" | "accent" | "neutral" | "info" | "rose" | neutral | Semantic palette. |
text | ReactNode | 1 | Ready-to-display content, used when count is omitted. |
count | number | — | Numeric value, takes precedence over text; values above 99 display 99+. |
Last updated on