Vue Material -

Snackbar


by Creative Tim
Docs
Components
Premium themes

Snackbars provide brief feedback about an operation through a message at the bottom of the screen.

They can have a custom duration on the screen or be persistent. It can be centered or left aligned.

On mobile devices the snackbar will fit the whole width space.

Duration and position

Dynamic values
Position
Duration

API - md-snackbar

The following options can be applied to any snackbar:

NameDescriptionDefault
md-active Boolean Option used to trigger the snackbar visibility. Should be used with the .sync modifier. false
md-duration Number Sets the duration in milliseconds before close the snackbar. 4000
md-persistent Boolean This will make the snackbar persistent in your application, even changing routes. false
md-position String Sets the snackbar position on the bottom of the screen. null
md-position="center" String Make the snackbar centered. -
md-position="left" String Make the snackbar left aligned. -