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