Badge

O componente v-badge pode conter qualquer tipo de conteúdo para destacar informações para um usuário ou apenas chamar atenção para um elemento específico.

Utilização

Any element can be used with a badge.

API

v-badge
Nome
bottom
Padrão
false
Tipos
boolean

Align the component towards the bottom

Nome
color
Padrão
'primary'
Tipos
string

Components.Badges.

Nome
left
Padrão
false
Tipos
boolean

Align the component towards the left

Nome
mode
Padrão
undefined
Tipos
string

Components.Badges.

Nome
origin
Padrão
undefined
Tipos
string

Components.Badges.

Nome
overlap
Padrão
false
Tipos
boolean

Componente irá sobrepor o conteúdo do slot

Nome
transition
Padrão
'fab-transition'
Tipos
string

Sets the component transition. Can be one of the built in transitions or your own.

Nome
value
Padrão
true
Tipos
any

Controla visibilidade

Exemplos

Sobreposição

O marcador irá sobrepor seu conteúdo ao usar a propriedade overlap.

Em linha

Marcadores também podem ser colocados em linha com o texto.

Ícone

O marcador pode usar todos os conjuntos de ícones atualmente suportados.

Visibilidade

A visibilidade dos marcadores pode ser controlada usando v-model.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore