Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA product gallery with one large image, a row of thumbnail buttons and a full-screen pinch-zoom viewer, where the chosen thumbnail and the viewer stay in step. Use this when a shop page needs people to inspect product photos closely on a phone.
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 when a shop page needs people to inspect product photos closely on a phone.
Do not use it for a page with one photo (use the viewer directly) or 360 spins and video.
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 |
|---|---|---|---|
images | ViewerImage[] | required | Product photos. |
name | string | required | Product name, used for the group labels. |
aria-pressed) named by each photo's alt text; the main image has a "View larger" button.The pattern ships with a Testing Library test (product-gallery-viewer.test.tsx) that drives it through roles and the keyboard.