Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/117. Side Status Notification

Side Status Notification

 DesktopAwarenessApple OSEnglish

Generated Description

This pattern provides a persistent, non-intrusive notification in a sidebar, informing users of available updates and offering a direct call to action.

View more...

Pattern Metadata

Released: Apr 5, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 117. Side Status Notification.

Device (Tabs)
Desktop
System (OS)
Apple OS
Language (i18n)
English
Español
Description
This pattern provides a persistent, non-intrusive notification in a sidebar, informing users of available updates and offering a direct call to action.
VotesUp
VotesDown
Pattern ID
117
UX Flows
Awareness
UI Components
Version
2.1.19
WhatsAppUpdate availableNo connectionLow batteryWhy is this a good pattern?Related patterns
 

WhatsApp

Update available

Blur added on capture
Blur added on capture

No connection

Blur added on capture
Blur added on capture
 

Low battery

Blur added on capture
Blur added on capture
 

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
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback