{
  "element": "nve-pulse",
  "entrypoint": "@nvidia-elements/core/pulse/pulse.examples.json",
  "items": [
    {
      "id": "pulse",
      "name": "Default",
      "template": "<div nve-layout=\"row align:center\">\n  <nve-pulse aria-label=\"pulse component\"></nve-pulse>\n</div>\n",
      "summary": "Animated pulse indicator with aria-label for accessibility. Use to draw attention to live updates, active connections, or real-time status.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "pulse-status",
      "name": "Status",
      "template": "<div nve-layout=\"row gap:sm pad:md\">\n  <nve-pulse></nve-pulse>\n  <nve-pulse status=\"accent\"></nve-pulse>\n  <nve-pulse status=\"warning\"></nve-pulse>\n  <nve-pulse status=\"danger\"></nve-pulse>\n</div>\n",
      "summary": "Pulse status variants for different severity levels. Use accent for highlights, warning for caution states, and danger for critical alerts.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "pulse-size",
      "name": "Size",
      "template": "<div nve-layout=\"row align:center\">\n  <nve-pulse size=\"xs\"></nve-pulse>\n  <nve-pulse size=\"sm\"></nve-pulse>\n  <nve-pulse size=\"md\"></nve-pulse>\n  <nve-pulse size=\"lg\"></nve-pulse>\n</div>\n",
      "summary": "Pulse size variants from extra-small to large. Choose sizes based on context—smaller for inline indicators, larger for prominent status displays.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "pulse-inline",
      "name": "Inline",
      "template": "<div nve-layout=\"row gap:xs align:center\">\n  <nve-pulse status=\"danger\"></nve-pulse>\n  Live Status\n</div>\n",
      "summary": "Pulse used inline with text labels. Ideal for status indicators in lists, tables, or headers to show real-time or live states.",
      "description": "",
      "composition": false,
      "tags": []
    }
  ]
}