Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when notifications are cleared one at a time: a card stack where Dismiss removes the top notification and a message offers Undo for a few seconds, restoring it in the same place.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for a small inbox of recent notifications in a popover or side panel, where clearing by mistake should be easy to take back.
Do not use it for long inboxes or anything that needs bulk actions. Use a list with selection.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
notifications | NotificationItem[] | - | Each has an id, title and text. |
label | string | - | Accessible name of the stack. |
undoMs | number | 6000 | How long the Undo message stays. |
onDismiss | (item: NotificationItem) => void | - | Called when Dismiss is pressed. |
onUndo | (item: NotificationItem) => void | - | Called when Undo restores a notification. |
The pattern ships with a Testing Library test (notification-stack-undo.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes.