Snackbars is a service for displays messages for notifications. These are contextual and are placed in the most suitable area of the UI
Snackbar – text only
Welcome back! Updates available
This menu item has the name “Veggie Burger” please use a different name.
Informational .linq-snackbar--info
Your changes have been saved.
Successfully updated and deleted the selected credit card.
Success .linq-snackbar--success
The file superkids-1 was deleted.
Your purchase has been declined! Please put another form of payment in.
Error .linq-snackbar--error
This change affects other items.
This item could not be uploaded. Please refresh and retry again.
Warning .linq-snackbar--warn
Snackbar – with action
Welcome back! Updates available
This menu item has the name “Veggie Burger” please use a different name.
Informational .linq-snackbar--info
Your changes have been saved.
Successfully updated and deleted the selected credit card.
Success .linq-snackbar--success
The file superkids-1 was deleted.
Your purchase has been declined! Please put another form of payment in.
Error .linq-snackbar--error
This change affects other items.
This item could not be uploaded. Please refresh and retry again.
Warning .linq-snackbar--warn
Usage
Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience. Snackbars should be 40 pixels from the top.