Notification Center

Notification center UI block provides a comprehensive solution for displaying user notifications with separate tabs for unread and all notifications.

Notification center

Interactive notification center with demo data.

Notifications
New task assigned
Oct 29, 10:02
Project Alpha - Task #123
You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
System maintenance
Oct 29, 08:17
Scheduled downtime
System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM. Please save your work.
Meeting reminder
Oct 28, 10:17
Weekly Team Sync
Don't forget about the weekly team sync meeting tomorrow at 10:00 AM in the conference room.

Dropdown integration

Example showing how to integrate the notification center in a dropdown.

    Notifications
    New task assigned
    Oct 29, 10:02
    Project Alpha - Task #123
    You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
    System maintenance
    Oct 29, 08:17
    Scheduled downtime
    System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM. Please save your work.
    Meeting reminder
    Oct 28, 10:17
    Weekly Team Sync
    Don't forget about the weekly team sync meeting tomorrow at 10:00 AM in the conference room.
An unhandled error has occurred. Reload 🗙