Text input

Text input is the default field type which is used if the specified field type does not match the other available fields. It will display the standard input field.

The most straightforward text input field syntax is as follows:

{
    "name": "fieldName",
    "label": "Field name",
    "group": "Group name",
    "value": "default value",
    "type": "text",
    "disabled": false
}

If you will use a type value which does not match other fields types, that value will be used as a type attribute in the rendered input HTML element.

That allows you to create fields like "number", "hidden", "email", "www" etc.

Custom parameters

The text input field supports few other parameters compliant with the HTML input element syntax:

min
max
size
step
pattern
placeholder

Also, there is available an additional parameter that allows creating a short description of the text input field:

note

Example:

{
    "name": "pageWidth",
    "label": "Page width",
    "group": "Layout",
    "value": "63rem",
    "note": "Use of „rem” units recommended; also use others (px, vw)",
    "type": "text"
}