Components

Avatar Alert Badges Button Card Dialogue Grid Image Input Ratings Slider Snackbar Typography

Snackbar

Snackbars provide brief notifications. The component is also known as a toast.They appear temporarily, towards the bottom of the screen. They shouldn't interrupt the user experience, and they don't require user input to disappear. Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, but no icons. You can use them to display notifications.

Basic Snackbar

Some snackbars with varying message length. You can use toast-container for toast layout and for components use toast-text, retry, toast-icon etc. classes as shown below.

Can't send photo. Retry in 5 seconds.
RETRY
X
Your photo has been archieved.
UNDO
X

Stacked Snackbar

Snackbars with stacked link. You can use toast-container for toast layout and for components use toast-text, retry, toast-icon etc. classes as shown below.

This item already has the label "travel". You can add a new label.
ADD A NEW LABEL
X