{
  "element": "nve-input",
  "entrypoint": "@nvidia-elements/core/input/input.examples.json",
  "items": [
    {
      "id": "input",
      "name": "Default",
      "template": "<nve-input>\n  <label>label</label>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Basic text input field with label and message for general text entry and form data collection.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "input-standard",
      "name": "Standard",
      "template": "<nve-input>\n  <label>label</label>\n  <input type=\"text\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Text input with the standard input structure, label, and control message.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "input-vertical",
      "name": "Vertical",
      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-input>\n    <label>label</label>\n    <input />\n    <nve-control-message>message</nve-control-message>\n  </nve-input>\n  <nve-input>\n    <label>disabled</label>\n    <input disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-input>\n  <nve-input>\n    <label>success</label>\n    <input />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-input>\n  <nve-input>\n    <label>error</label>\n    <input />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-input>\n</div>\n",
      "summary": "Text inputs with vertical layout including validation states for disabled, success, and error.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "input-horizontal",
      "name": "Horizontal",
      "template": "<div nve-layout=\"column gap:lg full\">\n  <nve-input layout=\"horizontal\">\n    <label>label</label>\n    <input />\n    <nve-control-message>message</nve-control-message>\n  </nve-input>\n  <nve-input layout=\"horizontal\">\n    <label>disabled</label>\n    <input disabled />\n    <nve-control-message>message</nve-control-message>\n  </nve-input>\n  <nve-input layout=\"horizontal\">\n    <label>success</label>\n    <input />\n    <nve-control-message status=\"success\">message</nve-control-message>\n  </nve-input>\n  <nve-input layout=\"horizontal\">\n    <label>error</label>\n    <input />\n    <nve-control-message status=\"error\">message</nve-control-message>\n  </nve-input>\n</div>\n",
      "summary": "Text inputs with horizontal layout showing validation states for inline forms and compact layouts.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "input-rounded",
      "name": "Rounded",
      "template": "<nve-input rounded>\n  <label>label</label>\n  <input />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Text input with rounded corners for a softer visual appearance and modern aesthetic.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "input-fit-text",
      "name": "FitText",
      "template": "<nve-input fit-text>\n  <label>label</label>\n  <input value=\"123456789012345678901234567890\" />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Text input with fit-text styling that adjusts width to match the input value for compact displays.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "input-fit-content",
      "name": "FitContent",
      "template": "<nve-input fit-content>\n  <label>label</label>\n  <input />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Text input with fit-content sizing that automatically adjusts width based on available space.",
      "description": "",
      "composition": false,
      "tags": [
        "test-case"
      ]
    },
    {
      "id": "input-flat",
      "name": "Flat",
      "template": "<nve-input container=\"flat\">\n  <label>label</label>\n  <input />\n  <nve-control-message>message</nve-control-message>\n</nve-input>\n",
      "summary": "Text input with flat container styling for minimal visual appearance and borderless design.",
      "description": "",
      "composition": false,
      "tags": []
    }
  ]
}