media contract
Gallery
Grid of images that opens into a Lightbox.
Variants
- masonry
- Variable-height columns (Pinterest-style)
- grid
- Equal-size tiles
- carousel
- Horizontal scroll with snap
Sizes
- sm
- 4 cols
- md
- 5 cols
- lg
- 6 cols
Example
<Gallery variant="grid" images={photos} onItemClick={openLightbox} />Usage rule
Each tile is a button that opens the Lightbox — never just an <img>.
The full Gallery contract has 4 more rules, plus the do-not patterns. Get the full recipe.