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.

Ready for more?

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