Toasts

Usage

Toasts provide status updates without interupting the user flow. A toast message appears for a short time to disappear again after a couple of seconds.

Content

Toasts should only have glanceable, non-critical information. Besides the message, a single action or loading indicator can be added.

The content of the message defines the height of the toast component. Actions or Icons on the left and right of the message are placed in the vertical center of the parent.