Gallery

@summonware/ui · gallery · P3 · Advanced UI
No reference page demonstrates this component — it was inferred from the screens that use one, so there is no variant matrix behind it.

Usage

A responsive image grid that opens `Lightbox` on click — the two are meant to be used together, the same way `Autocomplete` and its dropdown are one interaction rather than two components a caller has to wire up separately.
import { Gallery } from '@summonware/ui';

Best practices

DoWrite real, specific `alt` text per image — "Photo 3" is a placeholder in this demo, not a model for production alt text.
Don'tUse this for a single hero image or a 2-image comparison. A grid implies "browse many" — for one or two images, an `img` or a side-by-side layout is more honest.

Examples

Common configurations, variations and states.

Photo grid

Click any image to open it in the lightbox, with prev/next navigation.

Where it appears

Used on 2 catalogued screens, including application-ec-product-detail, application-gallery-masonry.