Toast/Snackbar

Toast display messages related to an interaction happened between user and the website. They usually stay on the screen for 2-3 seconds and then disappear. Toast can be used to show success messages, warnings or errors.

Snackbar is used to show users if certain actions take place in our applications.

Usage

Success toast

Use success for success notification

Success Snackbar

Snackbar has user action. Include usr-action class along with toast to convert to snackbar and success for success notification

Failure snackbar

Snackbar has user action. Include usr-action class along with toast to convert to snackbar and failure for failure notification