Lightbox

Lightbox opens an image in a full-viewport overlay with animated view transitions.

Warning

This component is experimental and not yet stable for wide adoption. Use it with caution. Refer to the _stories.tsx file for detailed usage examples.

Installation

import { Lightbox } from "@o/pipeline/experimental/components/lightbox";

Usage

Default

Small images

Demonstrates that images smaller than the viewport render at their native size, without stretching to the full viewport dimensions.

Limitations

  • Browser support: Lightbox currently runs only in Chromium-based browsers (OP-2623)

Unsupported features

  • Zoom: Lightbox does not yet support pinch-to-zoom or scroll-to-zoom (OP-2626)