Snack bar
The v-snackbar component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.
Basic
The v-snackbar
component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.
With Action
Use actions
slot to add action button. A v-snackbar
in its simplest form displays a temporary and closable notification to the user.
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.
Vertical
The vertical
property allows you to stack the content of your v-snackbar
.
Position
Use location
prop to change the position of snackbar.
Variants
Apply different styles to the snackbar using props such as shaped
, rounded
, color
, text
, outlined
, tile
and more.
Transition
The v-snackbar
component is used to display a quick message to a user. Snackbars support positioning, removal delay, and callbacks.
CONTENTS
Introduction
Basic
With Action
Multi Line
Timeout
Vertical
Position
Variants
Transition