Snackbars

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

Usage

a v-snackbar in its simplest form displays a temporary and closable notification to the user.

v-snackbar/usage.vue

API

Examples

Props

Multi line

The multi-line property extends the height of the v-snackbar to give you a little more room for content.

v-snackbar/prop-multi-line.vue

Timeout

The timeout property lets you customize the delay before the v-snackbar is hidden.

v-snackbar/prop-timeout.vue

Variants

Apply different styles to the snackbar using props such as text, shaped, outlined, and more.

v-snackbar/prop-variants.vue

Vertical

The vertical property allows you to stack the content of your v-snackbar.

v-snackbar/prop-vertical.vue

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.