media contract

Gallery

Grid of images that opens into a Lightbox.

Variants

  • masonry
  • grid
  • carousel

Sizes

  • sm
  • md
  • lg

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.

Get the Gallery contract in your project.