{
  "entrypoint": "@nvidia-elements/core/internal/controllers/keynav-list.controller.examples.json",
  "items": [
    {
      "id": "internal-controllers-keynav-list.controller-styles",
      "name": "styles",
      "template": "section { display: grid; gap: 4px; grid-template-columns: repeat(10, 50px); } .vertical { grid-template-rows: repeat(10,\n1fr); grid-template-columns: 50px; } .row { display: contents; } button { width: 100%; height: 30px; min-width: 30px;\ndisplay: block; } button[selected] { background: green; color: white; }\n",
      "summary": "",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "internal-controllers-keynav-list.controller-list-demo",
      "name": "ListDemo",
      "template": "<demo-key-navigation-list></demo-key-navigation-list>\n",
      "summary": "Horizontal list keyboard navigation controller with arrow key support.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "internal-controllers-keynav-list.controller-vertical-demo",
      "name": "VerticalDemo",
      "template": "<demo-key-navigation-list-vertical></demo-key-navigation-list-vertical>\n",
      "summary": "Vertical list keyboard navigation controller with up and down arrow key support.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "internal-controllers-keynav-list.controller-loop-demo",
      "name": "LoopDemo",
      "template": "<demo-key-navigation-list-loop></demo-key-navigation-list-loop>\n",
      "summary": "Vertical list keyboard navigation with looping enabled to wrap from last item to first.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    }
  ]
}