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
Aug 06, 05:47
Project Alpha - Task #123
You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
System maintenance
Aug 06, 04:02
Scheduled downtime
System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM. Please save your work.
Meeting reminder
Aug 05, 06:02
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
    Aug 06, 05:47
    Project Alpha - Task #123
    You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
    System maintenance
    Aug 06, 04:02
    Scheduled downtime
    System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM. Please save your work.
    Meeting reminder
    Aug 05, 06:02
    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 🗙