N
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" />