Notifications

Notification dropdowns, banners, and toast patterns.

Bell icon opens a Popover with notification list. Unread items have blue-50 background.

Notification Banner

Full-width banners at top of page with icon, message, and dismiss button.

Info

Your session will expire in 5 minutes. Save your work.

Warning

Scheduled maintenance in 2 hours. Save your work.

Success

Your changes have been saved successfully.

Error

Something went wrong. Please try again.

Four buttons that trigger different Sonner toast variants.