{
  "component": "quick-filters",
  "fixtures": [
    {
      "name": "plain quick filters",
      "options": {
        "items": [
          {
            "label": "All",
            "href": "#?filter=all",
            "selected": true
          },
          {
            "label": "Medieval (974—1485)",
            "title": "Medieval",
            "href": "#?filter=alpha"
          },
          {
            "label": "Early Modern (1485—1714)",
            "href": "#?filter=beta"
          },
          {
            "label": "Georgians (1714—1837)",
            "href": "#?filter=gamma"
          },
          {
            "label": "Victorians (1837—1901)",
            "href": "#?filter=delta"
          },
          {
            "label": "Early 20th century (1901—1918)",
            "href": "#?filter=epsilon"
          },
          {
            "label": "Interwar (1918—1939)",
            "href": "#?filter=zeta"
          },
          {
            "label": "Second World War (1939—1945)",
            "href": "#?filter=eta"
          },
          {
            "label": "Postwar (1945—2000)",
            "href": "#?filter=theta"
          }
        ]
      },
      "html": "<ul class=\"tna-quick-filters\"><li class=\"tna-quick-filters__item tna-quick-filters__item--selected\"><a href=\"#?filter=all\" class=\"tna-quick-filters__link\">All</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=alpha\" aria-label=\"Medieval\" title=\"Medieval\" class=\"tna-quick-filters__link\">Medieval (974—1485)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=beta\" class=\"tna-quick-filters__link\">Early Modern (1485—1714)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=gamma\" class=\"tna-quick-filters__link\">Georgians (1714—1837)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=delta\" class=\"tna-quick-filters__link\">Victorians (1837—1901)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=epsilon\" class=\"tna-quick-filters__link\">Early 20th century (1901—1918)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=zeta\" class=\"tna-quick-filters__link\">Interwar (1918—1939)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=eta\" class=\"tna-quick-filters__link\">Second World War (1939—1945)</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=theta\" class=\"tna-quick-filters__link\">Postwar (1945—2000)</a></li></ul>",
      "hidden": false
    },
    {
      "name": "stacked",
      "options": {
        "items": [
          {
            "label": "All",
            "href": "#?filter=all",
            "selected": true
          },
          {
            "label": "Alpha",
            "href": "#?filter=alpha"
          },
          {
            "label": "Beta",
            "href": "#?filter=beta"
          },
          {
            "label": "Gamma",
            "href": "#?filter=gamma"
          }
        ],
        "stack": true
      },
      "html": "<ul class=\"tna-quick-filters tna-quick-filters--stacked\"><li class=\"tna-quick-filters__item tna-quick-filters__item--selected\"><a href=\"#?filter=all\" class=\"tna-quick-filters__link\">All</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=alpha\" class=\"tna-quick-filters__link\">Alpha</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=beta\" class=\"tna-quick-filters__link\">Beta</a></li><li class=\"tna-quick-filters__item\"><a href=\"#?filter=gamma\" class=\"tna-quick-filters__link\">Gamma</a></li></ul>",
      "hidden": false
    },
    {
      "name": "with classes",
      "options": {
        "items": [
          {
            "label": "Alpha",
            "href": "?alpha",
            "selected": true
          },
          {
            "label": "Beta",
            "href": "?beta",
            "classes": "test-class-2"
          },
          {
            "label": "Gamma",
            "href": "?gamma"
          }
        ],
        "classes": "test-class"
      },
      "html": "<ul class=\"tna-quick-filters test-class\"><li class=\"tna-quick-filters__item tna-quick-filters__item--selected\"><a href=\"?alpha\" class=\"tna-quick-filters__link\">Alpha</a></li><li class=\"tna-quick-filters__item\"><a href=\"?beta\" class=\"tna-quick-filters__link test-class-2\">Beta</a></li><li class=\"tna-quick-filters__item\"><a href=\"?gamma\" class=\"tna-quick-filters__link\">Gamma</a></li></ul>",
      "hidden": false
    },
    {
      "name": "with attributes",
      "options": {
        "items": [
          {
            "label": "Alpha",
            "href": "?alpha",
            "selected": true
          },
          {
            "label": "Beta",
            "href": "?beta",
            "attributes": {
              "data-testattribute2": "foobar2"
            }
          },
          {
            "label": "Gamma",
            "href": "?gamma"
          }
        ],
        "attributes": {
          "data-testattribute": "foobar"
        }
      },
      "html": "<ul class=\"tna-quick-filters\" data-testattribute=\"foobar\"><li class=\"tna-quick-filters__item tna-quick-filters__item--selected\"><a href=\"?alpha\" class=\"tna-quick-filters__link\">Alpha</a></li><li class=\"tna-quick-filters__item\"><a href=\"?beta\" class=\"tna-quick-filters__link\" data-testattribute2=\"foobar2\">Beta</a></li><li class=\"tna-quick-filters__item\"><a href=\"?gamma\" class=\"tna-quick-filters__link\">Gamma</a></li></ul>",
      "hidden": false
    }
  ]
}