Notifications
Header bell with an unread badge and a popover list of notifications. Reads from the global notifications store. For ad-hoc toast messages, use Sonner instead.
When to use Notifications vs Sonner
Notifications is the persistent unread list (inbox-style) attached to the header. Sonner handles transient toasts that confirm an action or report a quick result.
Default
Drop into a header next to other actions.
API Reference
Props, events, and slots for each sub-component.
Notifications
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| — | — | — | No props. Wires itself to the global notifications store. |