Component

Light Box

The Lightbox component is a versatile tool for displaying images, videos, or other media content in an enlarged, focused view. It overlays the content on top of the current page, dimming the background to minimize distractions and enhance the viewing experience.

In our design system, the Lightbox component offers customizable options for transitions, controls, and layout, allowing users to navigate through media with ease. Features like zoom, captioning, and swipe gestures can be integrated to provide an interactive and engaging user experience.

Foundations

Components