ImageGrid
A gallery of images in a grid. A click opens the image full-screen, with arrows to the other images. layout "bento" makes the first image twice as large.
Examples
Loading examples…
Props
| Prop | Type | Description |
|---|---|---|
images | object[] | A list of { "url", "description"?, "caption"?, "href"? }, or { "@path": "/x" } |
columns | number | Default 3 |
aspectRatio | string | Default "1 / 1" |
gap | number | string | Default 2 |
layout | "grid" | "bento" | Default "grid". "bento" makes the first image twice as large |