The v-snackbar
component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.
v-snackbar
's in their simplest form display a temporary and closable notification to the user.
Select your desired component from below and see the available props, slots, events and functions.
Below is a collection of simple to complex examples.
The multi-line
property extends the height of the v-snackbar
to give you a little more room for content.
The timeout
property lets you customize the delay before the v-snackbar
is hidden.
The vertical
property allows you to stack the content of your v-snackbar
.
Apply different styles to the snackbar using props such as text
, shaped
, outlined
, and more.