Badge

Компонент v-badge может обернуть любой тип контента, чтобы выделить информацию пользователю или просто привлечь внимание к определённому элементу.

Применение

Any element can be used with a badge.

API

v-badge
Имя
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.

Edit this page | language on Github