Real-time Notification Demo
Live Demo
Total Notifications
4
All time notifications
Unread
4
Require attention
Toast Notifications
ON
In-app notifications
System Status
ACTIVE
All systems operational
Notification Demo Generator
Test the notification system with different types and scenarios
4
Total Notifications
4
Unread
Preview
info
system
medium priority
This will create a info notification in the system category with medium priority.
How to Test
Follow these steps to test all notification features
1. Generate Notifications
Use the demo generator to create different types of notifications
2. View Notification Center
Click the bell icon in the top-right corner to open the notification center
3. Test Interactions
Mark notifications as read, delete them, or use bulk actions
4. Configure Preferences
Click the settings icon in the notification center to customize preferences
5. Test Toast Notifications
Generate notifications to see toast popups appear in the top-right