media contract
Lightbox
Full-screen image viewer with zoom + keyboard navigation.
Variants
- single
- One image at a time
- gallery
- Multiple images with prev/next
Sizes
- auto
Example
<Lightbox open={open} images={photos} index={index} onIndexChange={setIndex} />Usage rule
role="dialog" + aria-modal="true".
The full Lightbox contract has 5 more rules, plus the do-not patterns. Get the full recipe.