{
  "element": "nve-sort-button",
  "entrypoint": "@nvidia-elements/core/sort-button/sort-button.examples.json",
  "items": [
    {
      "id": "sort-button",
      "name": "Default",
      "template": "<nve-sort-button></nve-sort-button>\n",
      "summary": "Basic sort button in its default unsorted state for column header sorting controls.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "sort-button-light-theme",
      "name": "LightTheme",
      "template": "<div nve-theme=\"root light\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-sort-button></nve-sort-button>\n  <nve-sort-button sort=\"ascending\"></nve-sort-button>\n  <nve-sort-button sort=\"descending\"></nve-sort-button>\n</div>\n",
      "summary": "Sort button states (unsorted, ascending, descending) displayed on light theme background.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "sort-button-dark-theme",
      "name": "DarkTheme",
      "template": "<div nve-theme=\"root dark\" nve-layout=\"row gap:md pad:md align:wrap\">\n  <nve-sort-button></nve-sort-button>\n  <nve-sort-button sort=\"ascending\"></nve-sort-button>\n  <nve-sort-button sort=\"descending\"></nve-sort-button>\n</div>\n",
      "summary": "Sort button states (unsorted, ascending, descending) displayed on dark theme background.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    }
  ]
}