Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when new users get a handful of tips one at a time: a card stack where "Got it" removes the top tip, a polite count says how many are left, and an empty state offers to show them again.
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 tips panel in a dashboard or editor where each tip is read once and cleared.
Do not use it for tips that must stay reachable. Put those in a help menu.
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 |
|---|---|---|---|
tips | Tip[] | - | Each has an id, title and text. |
label | string | - | Accessible name of the stack. |
onDismiss | (tip: Tip) => void | - | Called when "Got it" is pressed. |
The pattern ships with a Testing Library test (tips-card-stack.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.