{
  "element": "nve-input",
  "entrypoint": "@nvidia-elements/core/forms/actions.examples.json",
  "items": [
    {
      "id": "forms-actions-search-clear",
      "name": "SearchClear",
      "template": "<nve-input>\n  <label>label</label>\n  <nve-icon-button icon-name=\"search\" container=\"flat\" readonly></nve-icon-button>\n  <input type=\"text\" />\n  <nve-icon-button icon-name=\"cancel\" container=\"flat\" aria-label=\"clear\"></nve-icon-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Input with action buttons for search and clear, providing quick access to common operations.",
      "description": "",
      "composition": true,
      "tags": []
    },
    {
      "id": "forms-actions-label-action",
      "name": "LabelAction",
      "template": "<nve-input>\n  <label>label</label>\n  <nve-icon-button\n    icon-name=\"information-circle-stroke\"\n    container=\"flat\"\n    aria-label=\"more details\"\n    slot=\"label\"\n  ></nve-icon-button>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Label with an information button to provide contextual help or more details about the field.",
      "description": "",
      "composition": true,
      "tags": []
    },
    {
      "id": "forms-actions-prefix-suffix",
      "name": "PrefixSuffix",
      "template": "<nve-input>\n  <label>label</label>\n  <nve-button container=\"flat\" readonly>https://</nve-button>\n  <input type=\"text\" />\n  <nve-button container=\"flat\" readonly>.com</nve-button>\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Input with prefix and suffix buttons to show fixed text elements like URL protocols and domains.",
      "description": "",
      "composition": true,
      "tags": []
    }
  ]
}