{
  "element": "nve-page-loader",
  "entrypoint": "@nvidia-elements/core/page-loader/page-loader.examples.json",
  "items": [
    {
      "id": "page-loader",
      "name": "Default",
      "template": "<nve-page-loader></nve-page-loader>\n",
      "summary": "Full-page loading indicator displaying centered spinner for initial page load states.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "page-loader-interactive",
      "name": "Interactive",
      "template": "<nve-button id=\"loader-btn\">trigger loader</nve-button>\n<nve-page-loader hidden></nve-page-loader>\n<script type=\"module\">\n  let loader = document.querySelector(\"nve-page-loader\");\n  let btn = document.querySelector(\"#loader-btn\");\n  btn.addEventListener(\"click\", () => (loader.hidden = false));\n</script>\n",
      "summary": "Interactive page loader that starts programmatically via button click. Use when user actions such as form submissions, data refreshes, or navigation events start loading states rather than on initial page load.",
      "description": "",
      "composition": false,
      "tags": []
    }
  ]
}