Badge

Badge — компактная «таблетка» для статусов, счётчиков и метаданных. Поверхности: solid, outline, subtle на семантических палитрах. Глубокий импорт: kovax-react/badge.

Варианты

Семантические цвета

Вариант × цвет

Каждая строка — variant; чипы показывают все color. По умолчанию variant="subtle" и color="neutral".

Размеры

Точка-индикатор

В строке с текстом

Доступность: Badge — это <span>, не интерактивный элемент. Для снимаемых фильтров используйте Button с явной подписью; для живых счётчиков дайте контекст рядом или aria-label на родителе.