Visitor sites

Gallery

Images cropped to 4:3, in a grid or in a row that scrolls sideways and stops on each one, with no script. It is part of site.css.

Grid

The grid fits as many tiles as the site's minimum column width allows:

The row is a scrolling region, so it takes keyboard focus and a name from label, and you move it with the arrow keys:

Prop	Type	Default	Description
`images` required	`{ src; alt; caption? }[]`	no default	An empty alt marks an image decorative. Nothing renders for an empty list.
`layout`	`'grid' \| 'row'`	`'grid'`	A grid of tiles, or one row that scrolls sideways.
`label`	`string`	`'Gallery'`	The row's name for a screen reader.
`class`	`string`	no default	Extra classes on the list.