N
meta notifications-popover

Notifications Popover

Bell + unread count + x-sync'd list.

$ ndui add notifications-popover
Component docs

Bell + unread count + list

Notifications

  • Deploy succeeded
    acme-website v1.4.2 shipped to production.
    2 min ago
  • New teammate
    Morgan Chen joined the workspace.
    1 hr ago
  • Invoice due soon
    INV-2041 ($4,820) is due in 3 days.
    4 hrs ago
Source
<NotificationsPopover UnreadCount="@Model.Unread">
    <Items>@foreach (var n in Model.Recent) { <NotificationItem Entry="n" /> }</Items>
</NotificationsPopover>

@* The count + list are x-sync'd — they refresh on every Alpine AJAX response. *@