NotificationCenter
A list of notification alerts with a mark-all-read action.
Category: display · WCAG 2.1-AA · block, notifications, alerts
Props
| Prop | Type | Default | Description |
|---|---|---|---|
notifications | Notification[] | demoNotifications | Notification items to display |
onMarkAllRead | () => void | — | Mark all read button handler |
When to use
- A list of notification alerts with a mark-all-read action
- An inbox or activity panel surfaced from a header bell
When not to use
- Transient feedback after an action — use a Toast
- A single inline status message — use an Alert
Examples
Default
Notification center
<NotificationCenter />Related components
- Alert — Each notification is rendered as an alert item