ImageGrid
Gen UI 2.0 standardA 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.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use ImageGrid. Standard catalog docs
Props
Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| images | { url, description?, caption?, href? }[] | No | - |
| columns | number | No | Default 3 |
| layout | "grid" | "bento" | No | Default "grid". "bento" makes the first image twice as large |
| aspectRatio | string | No | Default "1 / 1" |
| gap | number | string | No | Default 2 |