Lightbox Gallery
A masonry gallery that zooms a picture into a full-screen lightbox with keyboard and swipe navigation, captions and a thumbnail strip.
Preview
Studio wall
8 pieces · click to open, ← → to browse
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | LightboxItem[] | — | { id, title, caption?, content, aspect?, alt? }. content fills its box; aspect is width / height. |
| columns | { base?, sm?, md? } | { base: 2, sm: 3 } | Masonry columns, stepping up with the gallery's own width. |
| label | string | "Gallery" | Accessible name of the gallery. |
| onIndexChange | (index: number | null) => void | — | Called when the lightbox opens or moves, and with null on close. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.