Snackbar

El componente v-snackbar se utiliza para mostrar un mensaje rápido al usuario. Los snackbars tienen soporte para posicionamiento, tiempo de espera antes de quitarse y callbacks

Uso

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

API

v-snackbar
Nombre
absolute
Default
false
Type
boolean

Posiciona el elemento como absolute

Nombre
auto-height
Default
false
Type
boolean

Components.Snackbars.

Nombre
bottom
Default
false
Type
boolean

Alínea el componente hacia abajo

Nombre
color
Default
undefined
Type
string

Aplica el color especificado al control.

Nombre
left
Default
false
Type
boolean

Alínea el componente hacia la izquierda

Nombre
multi-line
Default
false
Type
boolean

Hace que el snackbar aparezca más alto (móviles)

Nombre
right
Default
false
Type
boolean

Alínea el componente hacia la derecha

Nombre
timeout
Default
6000
Type
number

El tiempo de espera hasta que el snackbar se haga completamente invisible

Nombre
top
Default
false
Type
boolean

Alínea el componente hacia arriba

Nombre
value
Default
undefined
Type
any

Controla la visibilidad

Nombre
vertical
Default
false
Type
boolean

Apila los snackbars verticalmente (móviles)

Ejemplos

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