{
  "element": "nve-divider",
  "entrypoint": "@nvidia-elements/core/divider/divider.examples.json",
  "items": [
    {
      "id": "divider",
      "name": "Default",
      "template": "<nve-divider></nve-divider>\n",
      "summary": "Basic horizontal divider for separating content sections with a subtle line.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "divider-emphasis",
      "name": "Emphasis",
      "template": "<nve-divider style=\"--color: var(--nve-ref-border-color-emphasis)\"></nve-divider>\n",
      "summary": "Divider with emphasis color styling for stronger visual separation between content sections.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "divider-muted",
      "name": "Muted",
      "template": "<nve-divider style=\"--color: var(--nve-ref-border-color-muted)\"></nve-divider>\n",
      "summary": "Divider with muted color styling for subtle, low-contrast separation in dense layouts.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "divider-vertical",
      "name": "Vertical",
      "template": "<div nve-layout=\"row gap:sm align:vertical-center\" style=\"height: 50px\">\n  <nve-divider orientation=\"vertical\"></nve-divider>\n  <nve-icon-button icon-name=\"information-circle-stroke\"></nve-icon-button>\n  <nve-icon-button icon-name=\"more-actions\"></nve-icon-button>\n</div>\n",
      "summary": "Vertical divider for separating horizontally arranged elements like toolbar buttons or inline actions.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "divider-rounded",
      "name": "Rounded",
      "template": "<nve-divider\n  style=\"\n    --size: var(--nve-ref-border-width-xl);\n    --border-radius: var(--nve-ref-border-radius-xs);\n    --color: var(--nve-sys-accent-secondary-background);\n  \"\n></nve-divider>\n",
      "summary": "Divider with custom rounded styling, thicker border, and accent color for decorative separation.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    }
  ]
}