{
  "element": "nve-breadcrumb",
  "entrypoint": "@nvidia-elements/core/breadcrumb/breadcrumb.examples.json",
  "items": [
    {
      "id": "breadcrumb",
      "name": "Default",
      "template": "<nve-breadcrumb>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 3</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
      "summary": "Basic breadcrumb navigation showing page hierarchy with linked items and current location indicator.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "breadcrumb-with-icon-button",
      "name": "WithIconButton",
      "template": "<nve-breadcrumb>\n  <nve-icon-button icon-name=\"home\" size=\"sm\"\n    ><a href=\"#\" target=\"_self\" aria-label=\"link to first page\"></a\n  ></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 1</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 2</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n",
      "summary": "Breadcrumb with home icon button for quick navigation to the root page, offering a compact starting point.",
      "description": "",
      "composition": true,
      "tags": []
    },
    {
      "id": "breadcrumb-with-menu",
      "name": "WithMenu",
      "template": "<nve-breadcrumb>\n  <nve-icon-button popovertarget=\"more-links\" icon-name=\"more-actions\"></nve-icon-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 4</a></nve-button>\n  <nve-button><a href=\"#\" target=\"_self\">Item 5</a></nve-button>\n  <span>You Are Here</span>\n</nve-breadcrumb>\n<nve-dropdown id=\"more-links\">\n  <nve-menu>\n    <nve-menu-item>Item 1</nve-menu-item>\n    <nve-menu-item>Item 2</nve-menu-item>\n    <nve-menu-item>Item 3</nve-menu-item>\n  </nve-menu>\n</nve-dropdown>\n",
      "summary": "Breadcrumb with overflow menu for collapsed navigation levels, ideal for deep hierarchies in limited space.",
      "description": "",
      "composition": true,
      "tags": []
    }
  ]
}