Toast

The toast component is a lightweight notification element that appears temporarily to provide feedback or updates to the user. It is commonly used to communicate non-critical information, such as success messages, warning alerts, or brief updates.

Specifications

Toast design specifications
Toast design specifications

Anatomy

Toast anatomy
  1. 1.
    Container
  2. 2.
    Icon
  3. 3.
    Text message
  4. 4.
    Action
  5. 5.
    Close action

Design tokens

This component currently has no design tokens.