Usage
import { NotificationStack } from "@/registry/components/notification-stack/notification-stack";
<NotificationStack notices={[/* … */]} />Props
| Name | Type | Default | Description |
|---|---|---|---|
| notices | Notice[] | id, badge, title, text, action ({ label, href, onClick, external }) and pattern | |
| onDismiss | (notice: Notice) => void | Called when a notice is dismissed with its close button | |
| className | string | Extra class on the stack |
When to use
- A few announcements or notices in a corner of an app – releases, maintenance, invites - Toast-style messages that stay until someone dismisses them
When not to use
Transient toasts that auto-dismiss, or many simultaneous alerts (use a list).