Behive Tech Component Registry

Gallery

v0.1.4Draft

A responsive masonry image grid that opens a swipeable, keyboard-navigable lightbox. Tiles keep each image's ratio, captions show in the lightbox only, and the lightbox is a fullscreen `Modal`.

pnpm add @behivetech/organisms.gallery

The default grid: two columns on a phone, three from 48rem and four from 64rem. Tap a tile to open the lightbox.

Basic GalleryOpen in new tab

A fixed number of columns at every width.

Three ColumnsOpen in new tab

Columns per breakpoint: `xs` below 48rem, `md` from 48rem, `lg` from 64rem.

Responsive ColumnsOpen in new tab