Flows
Awareness
Components
Last update
Mar 12, 2025 5:04 PM
- WhatsApp
- Update available
- No connection
- Low battery
- Why is this a good pattern?
- Related patterns
Update available
No connection
Low battery
Why is this a good pattern?
- Use of color generates awareness.
- Icons and color reinforce the action that's being taken.
- Use a secondary layout structure without interfering in user main actions.
Related patterns
- 42. Browser Status Banner for Pages
- 43. File Upload Status
- 91. Bubble Status Reading
- 154. Order Status Top Banner
- 158. Bar Reading Status
- 228. Notification Bell Status