Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a product has a few named features with a screenshot each: a feature list beside the accessible tabbed carousel, so choosing a feature or a dot shows the same panel.
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 a product page where the names of the features matter as much as the pictures and people should be able to jump straight to one.
Do not use it for a single feature or when the screenshots need swiping on a phone (use Carousel Peek).
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 |
|---|---|---|---|
features | Feature[] | - | Each has an id, name, description, href and a screenshot node. |
label | string | - | Accessible name of the carousel. |
The pattern ships with a Testing Library test (feature-list-tour.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.