Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when people must see every part of something before agreeing: a fading set of sections where Continue stays inactive, but focusable and explained, until each section has been shown.
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 safety briefings, policy summaries and short consent steps where you need proof that each part was displayed.
Do not use it to hide a long legal text people cannot skim. Show it in full with a summary and an accept checkbox.
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 |
|---|---|---|---|
sections | Section[] | - | Each has an id, title and body. |
label | string | - | Accessible name of the carousel. |
onContinue | () => void | - | Called by Continue once every section has been shown. |
The pattern ships with a Testing Library test (read-all-to-continue.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.