{
  "component": "index-grid",
  "fixtures": [
    {
      "name": "basic grid",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "heading options",
      "options": {
        "supertitle": "List",
        "title": "My dogs",
        "headingLevel": 2,
        "headingSize": "xl",
        "headingHref": "#",
        "hrefClasses": "test",
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><hgroup class=\"tna-hgroup-xl tna-index-grid__heading\"><p class=\"tna-hgroup__supertitle\">List</p><h2 class=\"tna-hgroup__title\">My dogs</h2></hgroup></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with body",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "body": "<p>Lorem ipsum</p>",
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2><p>Lorem ipsum</p></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with text",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "body": "Lorem ipsum",
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2>Lorem ipsum</div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with item labels",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "body": "Lorem ipsum",
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "label": "New",
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "label": "New",
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "label": "New",
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2>Lorem ipsum</div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-chip tna-index-grid__item-label\">New<span class=\"tna-!--visually-hidden\">:</span></span><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-chip tna-index-grid__item-label\">New<span class=\"tna-!--visually-hidden\">:</span></span><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-chip tna-index-grid__item-label\">New<span class=\"tna-!--visually-hidden\">:</span></span><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with item subtitles",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "body": "Lorem ipsum",
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101",
            "subtitle": "Category subtitle"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102",
            "subtitle": "Category subtitle"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103",
            "subtitle": "Category subtitle"
          }
        ],
        "columns": 3,
        "columnsMedium": 3,
        "columnsSmall": 2,
        "columnsTiny": 1
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2>Lorem ipsum</div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span><br><span class=\"tna-index-grid__item-subtitle\"><span class=\"tna-visually-hidden\">(</span>Category subtitle<span class=\"tna-visually-hidden\">)</span></span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span><br><span class=\"tna-index-grid__item-subtitle\"><span class=\"tna-visually-hidden\">(</span>Category subtitle<span class=\"tna-visually-hidden\">)</span></span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3 tna-column--width-1-3-medium tna-column--width-1-2-small tna-column--full-tiny\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span><br><span class=\"tna-index-grid__item-subtitle\"><span class=\"tna-visually-hidden\">(</span>Category subtitle<span class=\"tna-visually-hidden\">)</span></span></span></a></li></ul></nav>"
    },
    {
      "name": "lazy images",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "lazyImages": true,
        "columns": 3,
        "classes": "index-grid__test-class"
      },
      "html": "<nav class=\"tna-index-grid index-grid__test-class\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\" loading=\"lazy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\" loading=\"lazy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\" loading=\"lazy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with classes",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "classes": "index-grid__test-class"
      },
      "html": "<nav class=\"tna-index-grid index-grid__test-class\" aria-label=\"My dogs\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    },
    {
      "name": "with attributes",
      "options": {
        "title": "My dogs",
        "headingLevel": 2,
        "items": [
          {
            "href": "#/category-0",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #101"
          },
          {
            "href": "#/category-1",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #102"
          },
          {
            "href": "#/category-2",
            "src": "https://picsum.photos/id/237/800/600",
            "alt": "Photo of a puppy",
            "width": 800,
            "height": 600,
            "title": "Category #103"
          }
        ],
        "columns": 3,
        "attributes": {
          "data-testattribute": "foobar"
        }
      },
      "html": "<nav class=\"tna-index-grid\" aria-label=\"My dogs\" data-testattribute=\"foobar\"><div class=\"tna-container\"><div class=\"tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny\"><h2 class=\"tna-heading-l tna-index-grid__heading\">My dogs</h2></div></div><ul class=\"tna-index-grid__items tna-container\"><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-0\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #101</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-1\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #102</span></span></a></li><li class=\"tna-index-grid__item-wrapper tna-column tna-column--width-1-3\"><a href=\"#/category-2\" class=\"tna-index-grid__item\"><img src=\"https://picsum.photos/id/237/800/600\" class=\"tna-index-grid__item-image\" width=\"800\" height=\"600\" alt=\"Photo of a puppy\"><span class=\"tna-index-grid__item-content\"><span class=\"tna-index-grid__item-title\">Category #103</span></span></a></li></ul></nav>"
    }
  ]
}