Gallery
Gallery
A themed collection of images. Lightbox-enabled images share navigation within the gallery; caption titles, subtitles, and credits follow the active image.
Authoring guidance
Use when
Use for multiple related images presented together as a gallery.
Properties
class
string
Optional styling hook.
images
Image[]
Images shown in gallery order.
type
string
Identifies the Element type represented by this object.
"gallery"
Example
Required
{
"images": [],
"type": "gallery"
}
Full
{
"class": "example",
"images": [
{
"src": "/gallery-study.svg",
"alt": "Neutral layout study with caption",
"lightbox": true,
"caption": {
"title": "Layout study",
"subtitle": "A caption and sub-caption in the gallery and lightbox.",
"credit": "Quail Pages"
}
},
{
"src": "/gallery-study.svg",
"alt": "Neutral layout study without caption",
"lightbox": true
}
],
"type": "gallery"
}
examples are generated from the schema.