Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a first-run screen explains a few things before the app opens: swipeable steps with Skip, Back and Next, where Next becomes "Get started" on the last step.
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 short welcome of three to five screens in a mobile app or a first sign-in, where the last step ends in the app itself.
Do not use it to collect required information (use a form wizard with validation) or for more than five steps: people stop reading.
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 |
|---|---|---|---|
steps | WelcomeStep[] | - | Each has an id, title, text and a visual node. |
label | string | - | Accessible name of the carousel. |
onSkip | () => void | - | Called by Skip. |
onDone | () => void | - | Called by Get started on the last step. |
The pattern ships with a Testing Library test (onboarding-welcome-steps.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.