Lightbox

@summonware/ui · lightbox · P3 · Advanced UI

Usage

A full-size image viewer with prev/next navigation, built on the existing `Modal` — not a separate overlay implementation. `Gallery` renders this automatically; use it standalone when images live outside a grid (a single "view full size" link, a document preview).
import { Lightbox } from '@summonware/ui';

Best practices

DoPass the same `images` array `Gallery` uses when pairing them, so prev/next in the lightbox matches the grid order the user clicked from.
Don'tBuild a second, separate full-screen image viewer for a different part of the product. This is already the general-purpose one.

Examples

Common configurations, variations and states.

Standalone lightbox

Not part of a grid — opened from a single button, the way a "view full size" link would use it.

Reference variants

1 of 1 labels from the reference are demonstrated above.