Toasts are a great way to inform your users that a specific action was successful. A toast should appear when it is not obvious that a specific action was successful, such as saving a change or marking an ad as active.
- Text label
- Action button
Toasts should be positioned at the bottom left corner of the viewport on medium and large devices. On mobile, toasts should cover the bottom of the viewport.
A toast is not visible by default; it is animated into view to call more attention to itself.
Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.
The following table lists the theme properties used to style this component and any variations as well as a sample value.
A full list of properties used within the design system—as well as general usage guidelines—is available on the Theme properties page.
Examples of each theme property may be referenced by clicking a property name in the “property” column.