Input Text

The Input Text input-text field is the building block of every form.

Example

{
  "version": 1,
  "layout": "vertical",
  "fields": [
    {
      "component": "input-text",
      "label": "My Field",
      "name": "my_field",
      "react-rsuite5": {
        "fullWidth": true
      },
      "hint": "And some help",
      "placeholder": "A placeholder here"
    }
  ],
  "name": "Input-text"
}

Reference

Property	Type	Description
component	string	= "input-text"
name	string	The name of the field and the key of the JSON
label	string \| i18n	Label of the field
hint	string \| i18n	Help text for the field (generally shown below the input box)
placeholder	string \| i18n	Placeholder text, visibile when the field is empty
disabled	boolean	Disables and greys out the field
readOnly	boolean	Put the field in read only mode
hidden	boolean	Hides the field from the form
submitOnEnter	boolean	Trigger onSubmit / onError if the user hits Enter key
inputMode	string	Values: "none", "text", "decimal", "numeric", "tel", "search", "email", "url".
autocomplete	string	Values: "off", "on", "name", "honorific-prefix", "given-name", "additional-name", "family-name", "honorific-suffix", "nickname", "email", "username", "new-password", "current-password", "one-time-code", "organization-title", "organization", "street-address", "address-line1", "address-line2", "address-line3", "address-level4", "address-level3", "address-level2", "address-level1", "country", "country-name", "postal-code", "cc-name", "cc-given-name", "cc-additional-name", "cc-family-name", "cc-number", "cc-exp", "cc-exp-month", "cc-exp-year", "cc-csc", "cc-type", "transaction-currency", "transaction-amount", "language", "bday", "bday-day", "bday-month", "bday-year", "sex", "tel", "tel-country-code", "tel-national", "tel-area-code", "tel-local", "tel-extension", "impp", "url", "photo".
inputType	string	Set the HTML 5 input type, some framework may have specific components for some of these type. Values: "button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week".
Pick up a framework to show specific properties Select framework