Vue Material -

Snackbar

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

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-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. -