What is a Lightbox?

A lightbox is an overlay that displays media in focus while dimming or blurring the background content.

When to use a Lightbox?

- Image galleries, product photos, and media previews

When not to use a Lightbox?

- Critical flows where interruptions hinder task progress

What is the anatomy of a Lightbox?

- Overlay scrim and close controls

- Swipe/keyboard navigation

- Captions, zoom, and responsive scaling