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
| Component | Description |
|---|---|
| v-snackbar | Primary Component |
| v-btn | Sub-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