Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a listing has many photos by room: a carousel with a position readout and room chips that jump to the first photo of a room and follow you as you swipe.
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 property, hotel or venue listings where people look for a particular room rather than going through every photo.
Do not use it for fewer than six photos, where thumbnails or dots already do the job.
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 |
|---|---|---|---|
photos | TourPhoto[] | - | Each photo has an id, category, alt and content. |
label | string | - | Accessible name of the carousel. |
className | string | - | Classes for the wrapper. |
The pattern ships with a Testing Library test (listing-photo-tour-categories.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.