117. Side Status Notification

WhatsApp

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