NotificationCenter.
Bell popover for read/unread activity and dismissal.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
items | NotificationItem[] | Yes | — | — | Activity entries with id, title, description, time and read flag. |
onRead | (id: string) => void | No | — | — | Mark an item as read. |
onReadAll | () => void | No | — | — | Mark all items as read. |
onDismiss | (id: string) => void | No | — | — | Remove a notification. |
label | string | No | Notifications | — | Accessible notification panel name. |
className | string | No | — | — | Additional CSS class on the outer component element. |