meta notifications-popover

Notifications Popover

Bell + unread count + OOB-synced list.

$ ndui add notifications-popover

Component docs

Bell + unread count + popover

Click the bell to open. Unread count comes from the model.

Notifications

2 unread

Deploy succeeded

production · v2.41.0 went live 3 min ago.

3m ago
Webhook failed

POST /hooks/stripe returned 500 — retrying…

11m ago
Quota at 80%

You've used 4.0 / 5.0 GB this month.

1h ago
Member invited

morgan@acme.io accepted your invite.

2h ago

Source

@{
    var notifications = new[] {
        new { Title = "Deploy succeeded",
              Body = "production · v2.41.0 went live 3 min ago.",
              Time = "3m", Read = false },
        new { Title = "Webhook failed",
              Body = "POST /hooks/stripe returned 500 — retrying…",
              Time = "11m", Read = false },
        // …
    };
}

<partial name="_NotificationsPopover" model="notifications" />