• Design systems
  • Components
  1. Components
  2. Notification

Notification component examples

Notifications bring updates back into the product and help people decide what needs attention.

Also known as Notification badge, Notification banner, Notification drawer, Notification group

Open Chat Notification source example
Chat Notification from Backpack

Chat Notification

Backpack
Open Notification source example
Notification from Base

Notification

Base
Open Notification source example
Notification from Duet Design System

Notification

Duet Design System
Open Notification Drawer source example
Notification Drawer from Duet Design System

Notification Drawer

Duet Design System
Open Notification source example
Notification from Elisa Design System

Notification

Elisa Design System
Open Notification source example
Notification from Morningstar Design

Notification

Morningstar Design
Open Notification source example
Notification from Nord Design System

Notification

Nord Design System
Open Notification Bar source example
Notification Bar from Protocol

Notification Bar

Protocol

Related categories

Explore adjacent component patterns.

Changes saved

Your draft is up to date.

Toast

Toast group, Snackbar

Review required

Check your settings.

Alert

Feedback, Message, Callout, Flashbar, Banner

DefaultOutlineNew

Badge

Chip, Pill, Tag

Open drawer

Drawer

Offcanvas, Tray, Flyout, Sheet, Side modal, Side panel, Slideout

Public design systems, component patterns, and the source material behind them.

Design systems

  • All design systems
  • Recommended picks
  • Submit a design system

Industries

  • Government
  • Finance
  • Travel
  • Retail
  • Healthcare
  • Communications
  • Media
  • Education
  • Technology

Components

  • UI component examples
  • Actions
  • Forms and input
  • Navigation
  • Feedback and status
  • Data display
  • Content and media
  • Layout and structure
  • Overlays
  • AI and conversation
Attributions

© 2026 designsystem.gallery