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
| Name | Description | Bindings |
|---|---|---|
| icon | Слот для иконки перед бейджем | |
| default | Слот перекрывающий проп count |