Notifications
Should I use Notification, Banner, or Toast?
What is “critical information”?
Critical information is content that requires the user’s immediate attention or action. Typically, this would include…
- Error states: Something went wrong that the user needs to address
- Warning conditions: Potential issues that could affect the user’s work
- System status changes: Unexpected service disruptions or maintenance
Success confirmations are typically not critical, even for important actions like moving machines between locations. While the action itself may be critical, the success message itself is expected feedback that doesn’t require immediate attention.
Another way to think about it: Is this information the user expects to see, or is it communicating an unexpected condition they need to know about?
Examples:
| Situation | Component |
|---|---|
| Saved configuration | Toast |
| Created a component | Toast |
| Deleted a component | Toast |
| Added image to dataset | Toast |
| Failed to publish a model | Notification |
| Failed to restart a module | Notification |
| Lost connection to machine | Notification |