Skip to content

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.

API ​

ComponentDescription
v-snackbarPrimary Component
v-btnSub-component typically used for actions

Examples ​

Props ​

Multi line ​

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

Timeout ​

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

Variants ​

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

Vertical ​

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

Released under the MIT License.