Toast

Definition: A toast is a temporary self-dismissable status.

When to use

Use a toast for non-critical information or notification that do not require immediate attention.

 

Anatomy

  1. Icon
  2. Text
  3. Toast

 

 

 

 

Variations

  1. Success
  2. Info
  3. Warning
  4. Error

 

 

 

 

 

Where to use

✅ Error messages

✅ Confirmation dialogues

✅ User authentication issues

✅ Application-wide notifications

✅ Form validation errors