Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a shelf shows what you looked at last: a free-scroll row where each card has a Remove button that moves focus to the next card, says what was removed and offers Clear all.
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 on home and product pages for history the person should be able to prune: recently viewed items, recent searches, drafts.
Do not use it when removal is destructive and cannot be undone without a confirmation. Add an undo or a confirm step.
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 |
|---|---|---|---|
items | RecentItem[] | - | Each has an id, name, href and an image node. |
label | string | - | Accessible name of the shelf. |
onRemove | (item: RecentItem) => void | - | Called after a card is removed. |
onClear | () => void | - | Called by Clear all. |
The pattern ships with a Testing Library test (recently-viewed-removable.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.