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