Notification center

A bell + dropdown feed.

Notifications

import { BuiNotificationCenter } from 'ng-blatui';

<bui-notification-center [notifications]="feed" />

Empty

Notifications

<bui-notification-center [notifications]="[]" />

Prop	Type	Default	Description
`notifications`	`readonly NotificationItem[]`	`[]`	Notification items rendered in the dropdown feed.
`ariaLabel`	`string`	—	Accessible label for the trigger and dropdown region.
`unreadLabel`	`string`	—	Accessible label announced for the per-item unread dot.
`markAllReadLabel`	`string`	—	Label for the "mark all as read" action button.
`emptyLabel`	`string`	—	Text shown when there are no notifications.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`open`	`boolean`	`false`	Whether the dropdown is open. Two-way bindable with `[(open)]`.

NotificationItem

Field	Type	Description
`title`	`string`	Primary heading text of the notification.
`body`?	`string`	Optional secondary detail line shown beneath the title.
`time`?	`string`	Optional timestamp label displayed under the body.
`read`?	`false \| true`	Whether the notification is already read (suppresses the unread dot).

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.