Live Demo
Success message.
Woohoo, you're reading this text in a Toast!
Danger message.
Woohoo, you're reading this text in a Toast!
Anatomy
- Leading icon
- Message
Type
Toasts offer the following messaging states — information, success, warning, or Danger
Variation
Toast width and height are varied based on the data that has to be displayed
Guidelines
- Toasts are meant to be short and brief..
- Avoid using toasts for critical messages that a user must see
- Use a large size for toasts that have actionable areas and need a larger tap area.