Badge
Компонент v-badge может обернуть любой тип контента, чтобы выделить информацию пользователю или просто привлечь внимание к определённому элементу.
API
Имя
bottom
По умолчанию
false
Тип
boolean
Выровнять компонент по нижнему краю
Имя
color
По умолчанию
'primary'
Тип
string
Применяет заданный цвет к элементу управления
Имя
left
По умолчанию
false
Тип
boolean
Выровнять компонент слева
Имя
mode
По умолчанию
undefined
Тип
string
Устанавливает режим перехода (не относится к transition-group)
Имя
origin
По умолчанию
undefined
Тип
string
Устанавливает начало перехода
Имя
overlap
По умолчанию
false
Тип
boolean
Компонент будет перекрывать содержимое
Имя
transition
По умолчанию
'fab-transition'
Тип
string
Устанавливает компонентный переход. Может быть одним из встроенных переходов или вашим собственным.
Имя
value
По умолчанию
true
Тип
any
Контроль видимости
Примеры
Перекрытие
Badge будет перекрывать его содержимое при использовании свойства overlap
В одну линию
Badge также могут быть помещены в линию с текстом.
Иконка
Иконки поддерживаются только Material Design.
Видимость
Видимость значков можно контролировать с помощью v-model.