{
  "element": "nve-star-rating",
  "entrypoint": "@nvidia-elements/core/star-rating/star-rating.examples.json",
  "items": [
    {
      "id": "star-rating",
      "name": "Default",
      "template": "<nve-star-rating>\n  <label>rate this input</label>\n  <input id=\"range\" type=\"range\" max=\"5\" value=\"3\" min=\"0\" />\n  <nve-control-message>message</nve-control-message>\n</nve-star-rating>\n",
      "summary": "Basic star rating using a range input. Use for collecting user feedback, product reviews, or satisfaction scores in forms.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "star-rating-disabled",
      "name": "Disabled",
      "template": "<nve-star-rating>\n  <label>disabled</label>\n  <input type=\"range\" max=\"5\" value=\"3\" min=\"0\" disabled />\n  <nve-control-message>message</nve-control-message>\n</nve-star-rating>\n",
      "summary": "Disabled star rating for display-only contexts. Use when showing existing ratings that users cannot change.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "star-rating-half-star",
      "name": "HalfStar",
      "template": "<nve-star-rating>\n  <label>Half-star rating</label>\n  <input id=\"half-star-input\" type=\"range\" max=\"5\" value=\"3.5\" min=\"0\" step=\"0.5\" />\n  <nve-control-message>message</nve-control-message>\n</nve-star-rating>\n",
      "summary": "Half-star increments using step=\"0.5\" for more granular ratings. Ideal when detailed feedback requires finer rating precision.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "star-rating-toggle",
      "name": "Toggle",
      "template": "<nve-star-rating>\n  <label>toggle/favorite</label>\n  <input type=\"range\" max=\"1\" value=\"0\" min=\"0\" />\n</nve-star-rating>\n<script type=\"module\">\n  const input = document.querySelector(\"#range\");\n  input.addEventListener(\"input\", () => console.log(\"input\", input.valueAsNumber));\n  input.addEventListener(\"change\", () => console.log(\"change\", input.valueAsNumber));\n</script>\n",
      "summary": "Single star toggle for favorite/bookmark functionality. Use with max=\"1\" for binary on/off states like wishlists or bookmarks.",
      "description": "",
      "composition": false,
      "tags": []
    }
  ]
}