{
  "name": "image-thumbnail-grid",
  "kind": "block",
  "primary": "grid-ui",
  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "columns": "1 3@md",
    "gap": "3"
  },
  "html": "<grid-ui\n        columns=\"1 3@md\"\n        gap=\"3\">\n        <image-ui src=\"https://picsum.photos/seed/rev-1/480/320\" alt=\"Quarterly chart export\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n        <image-ui src=\"https://picsum.photos/seed/rev-2/480/320\" alt=\"Top account visualization\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n        <image-ui src=\"https://picsum.photos/seed/rev-3/480/320\" alt=\"Regional breakdown\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n      </grid-ui>",
  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
  "metadata": {
    "domain": "display",
    "description": "Image thumbnail grid — a responsive three-column grid of rounded images at a fixed aspect ratio, collapsing to one column on small screens. A compact photo / screenshot gallery for attaching visual results.",
    "keywords": [
      "image",
      "thumbnail",
      "grid",
      "photo",
      "gallery",
      "screenshots",
      "pictures",
      "responsive",
      "three",
      "column",
      "rounded",
      "aspect",
      "ratio",
      "media",
      "attachments",
      "visual",
      "exports",
      "tiles",
      "picture",
      "grid",
      "photo",
      "grid"
    ]
  },
  "captured_at": "2026-06-10T16:56:21.616Z",
  "template": [
    {
      "id": "image",
      "component": "Image",
      "alt": "Quarterly chart export",
      "radius": "md",
      "src": "https://picsum.photos/seed/rev-1/480/320"
    },
    {
      "id": "image-2",
      "component": "Image",
      "alt": "Top account visualization",
      "radius": "md",
      "src": "https://picsum.photos/seed/rev-2/480/320"
    },
    {
      "id": "image-3",
      "component": "Image",
      "alt": "Regional breakdown",
      "radius": "md",
      "src": "https://picsum.photos/seed/rev-3/480/320"
    },
    {
      "id": "root",
      "component": "Grid",
      "columns": "1 3@md",
      "gap": "3",
      "children": [
        "image",
        "image-2",
        "image-3"
      ]
    }
  ]
}