How they help
Toasts help users by providing brief, unobtrusive notifications that convey important information without interrupting the user’s workflow. These notifications are typically used to display success messages, warnings, or updates, offering timely feedback about actions or events.
Example of toast
Anatomy
- Container: box that contains content
- Icon: extra visual to help communicate message
- Title: clear and concise text to give insight to content
- Subtitle: additional text to give insight to content
- Body copy: concise text for user
- Link: optional action
- Timestamp: optional timestamp to add for toast
- Dismiss button: allows user to close the toast
Visual reference for anatomy