Перейти к содержимому
v2.5.0
English
Русский
Документация

Badge

Badge — компактная метка статуса или категории для счётчиков, состояний и небольших метаданных.

Пропсы корня

ПропТипПо умолчанию
variantBadgeVariant'success'
Семантический цветовой стиль бейджа. Обозначает смысл или статус, который представляет бейдж. 'success': для положительного/подтверждённого статуса; 'error': для статуса ошибки/отрицательного; 'warning': для предупреждающего статуса/статуса «в процессе»; 'info': для нейтрального/информационного статуса
appearanceBadgeAppearance'ghost'
Внешний вид бейджа. Определяет стилизацию бейджа (фон, рамка и т. д.).
sizeBadgeSize'md'
Размер бейджа. Влияет на отступы, размер шрифта и общие габариты.

Также принимает ref и все атрибуты <div>.

Дочерние части

Badge не предоставляет публичных дочерних частей.

Типы

  • BadgeProps
  • BadgeSize
  • BadgeAppearance
  • BadgeVariant

Модель состояния

  • С точки зрения API компонента Badge не имеет состояния.
  • Какой вариант или текст показывать, обычно определяет состояние на стороне потребителя.