Badge

Бейдж для отображения чисел или текста

Props

count

  • type: number
  • default: 0

В случае отсутствия слота default, будет отображен count

showZero

  • type: boolean
  • default: false

Нужно ли отображать компонент, если count === 0

spaceNumber

  • type: boolean
  • default: false

Форматировать ли count через spaceNumber

maxNumber

  • type: number
  • default: 0

Если count > maxNumber вывод будет таким +

color

  • type: ColorsType
  • default: 'none'
  • values: none

Цвет фона бейджа

kind

  • type: KindsType
  • default: 'round'
  • values: 'none', 'round', 'square'

Тип формы бейджа

size

  • type: SizesType
  • default: 'default'
  • values: 'small', 'large', 'default'

Размер бейджа

outline

  • type: boolean
  • default: false

Делает бейдж с прозрачным фоном и цветной границей

inverse

  • type: boolean
  • default: false

Делает бейдж с прозрачным фоном без границ

Slots

NameDescriptionBindings
iconСлот для иконки перед бейджем
defaultСлот перекрывающий проп count