Notification Components
Toast + NotificationList compound. kind=info/success/warning/error, 6 anchor positions, slide/fade/scale entry, optional countdown rail, AnimatePresence mode=popLayout, reduced-motion fallback.
Preview
Heads up
A new release is available.
Saved
Your changes were synced.
Customize
Push
1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | NotificationItem[] | — | Currently visible toasts. |
onDismiss | (id: string) => void | — | Fires on auto-dismiss or close click. |
position | "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | Anchor corner. |
entry | "slide" | "fade" | "scale" | "slide" | Entrance animation. |
Accessibility
role="alert" for kind="error"; otherwise role="status" with aria-live="polite".