Notification Bell Component

With notifications

Unread: 3

private List<NotificationBell.NotificationItem> _notifications = new()
{
    new("1", "New patient registered", "Aiko Tanaka was added to your list.", "2 min ago", "success", false),
    new("2", "Lab results ready",      "3 documents ready for review.",       "8 min ago", "info",    false),
    new("3", "Drug interaction",       "Ibuprofen + warfarin flagged.",       "1 hr ago",  "warning", false),
};

<NotificationBell Items="_notifications"
                  OnItemClick="HandleClick"
                  OnMarkAllRead="HandleMarkAllRead">
    <Footer>
        <button type="button">View all notifications</button>
    </Footer>
</NotificationBell>

Empty state

<NotificationBell Items="@(Array.Empty<NotificationBell.NotificationItem>())" />