Snackbar

The v-snackbar component is used to display a quick message to a user. Snackbars support positioning, removal delay and callbacks.

Utilização

The standard snackbar is useful for calling attention to some function that has just happened.

API

v-snackbar
Nome
absolute
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
auto-height
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
bottom
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
color
Padrão
undefined
Tipos
string

Components.Snackbars.

Nome
left
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
multi-line
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
right
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
timeout
Padrão
6000
Tipos
number

Components.Snackbars.

Nome
top
Padrão
false
Tipos
boolean

Components.Snackbars.

Nome
value
Padrão
undefined
Tipos
any

Controla visibilidade

Nome
vertical
Padrão
false
Tipos
boolean

Components.Snackbars.

Exemplos

Contextual

You can also apply a color to the snackbar to better fit your implementation.

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