Image Set
A display-only image grid field for presenting multiple images in a responsive row-and-column layout.
The Image Set field displays a grid of images arranged in rows and columns. It does not collect user input. Use it for photo galleries, team photos, icon grids, or any collection of images that should be displayed together.
Configuration
| Property | Type | Default | Description |
|---|---|---|---|
| label | string | -- | Heading text displayed above the image grid |
| width | LayoutWidth | "full" | Horizontal space the field occupies |
| images | string[] | -- | Array of image URLs to display |
| rows | number | -- | Number of rows in the grid |
| columns | number | -- | Number of columns in the grid |
| aspect | AspectRatio | -- | Image aspect ratio: "1:1", "3:4", "4:3", "9:16", or "16:9" |
| imageRadius | BorderRadiusName | -- | Corner roundness of each image: "square", "small", "medium", "large", "xlarge", or "full" |
Example Usage
A 2x3 team photo grid with square images:
{
"type": "imageSet",
"label": "Meet the Team",
"rows": 2,
"columns": 3,
"aspect": "1:1",
"imageRadius": "full",
"images": [
"https://example.com/team-1.jpg",
"https://example.com/team-2.jpg",
"https://example.com/team-3.jpg",
"https://example.com/team-4.jpg",
"https://example.com/team-5.jpg",
"https://example.com/team-6.jpg"
]
}