Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA thumbnail grid that opens a modal viewer holding a looping carousel with swipe, arrow keys, captions and a position readout; Escape closes it and focus returns to the thumbnail.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it to browse a set of photos at full size from a grid: portfolios, event albums, product detail photos.
Do not use it for one image (use a plain Dialog) or when zoom and pan matter more than moving between photos (use Lightbox).
| Part | Prop | Type | Default | Description |
|---|---|---|---|---|
CarouselLightboxGallery | photos | GalleryPhoto[] | required | { id, alt, caption?, thumb, full }. |
CarouselLightboxGallery | label | string | required | Names the grid, the dialog and the viewer carousel. |
CarouselLightboxGallery | gridClassName | string | "grid-cols-2 sm:grid-cols-3" | Column classes for the thumbnail grid. |
<alt>" with aria-haspopup="dialog".The component ships with a Testing Library test (carousel-lightbox-gallery.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 in tests.