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
Mark all as read
New Task Assigned
Jul 16, 20:36
Project Alpha - Task #123
You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
System Maintenance
Jul 16, 18:51
Scheduled downtime
System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM EST. Please save your work.
Meeting Reminder
Jul 15, 20:51
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
    Mark all as read
    New Task Assigned
    Jul 16, 20:36
    Project Alpha - Task #123
    You have been assigned a new task in Project Alpha. Please review the requirements and update the status.
    System Maintenance
    Jul 16, 18:51
    Scheduled downtime
    System maintenance is scheduled for tonight from 2:00 AM to 4:00 AM EST. Please save your work.
    Meeting Reminder
    Jul 15, 20:51
    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 🗙