Click-to-zoom inline images that fly out to fit the viewport over a scrim with a caption, and close on Escape, click or scroll.
We fired five shapes in the same kiln to see how the new ash glaze breaks over edges. The tall forms took the most colour; the bowls stayed calm.
Seen from above, the plate shows four rings where the glaze pooled. The ember ring is where the ash ran thickest.
Pro source requires Pebble Pro. Try the full preview above.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | The picture: a drawn SVG or an <img> that fills its box. |
| alt | string | — | Text alternative; names the zoom button and the zoomed view. |
| caption | ReactNode | — | Shown under the image inline and when zoomed. |
| aspect | number | 3 / 2 | Width / height of the image. |
| onOpenChange | (open: boolean) => void | — | Called when the zoom opens or closes. |
Try the full preview above. Editable source and build guides require Pebble Pro.
