Toasts display brief notifications that appear towards the bottom of the screen. They provide feedback or information to users without interrupting their current workflow.
When to use
When to avoid
Specifications
Message
Types
Anatomy
1
Icon
Provides immediate visual context for the message type, such as success, error, or warning.
2
Message
Should be a brief, clear, and concise statement confirming the result of the user's recent action.
3
Action button
Optional and can be included to offer the user a single, contextual follow-up, such as "Undo" or "View details."
4
Close icon
Allows the user to manually dismiss the toast, overriding the default auto-dismiss timer.