Text

Enter and edit text values.

Demo

Basic example

{ "type": "text", "label": "Name", "value": "{{name}}", "description": "Full name as it appears on your ID" }

Validating RegExp example

{ "type": "text", "label": "Variable name", "value": "{{name}}", "validationRegExp": "[a-z]+[0-9]*", "description": "[a-z]+[0-9]*" }

Validating Mask example

{ "type": "text", "label": "Variable name", "value": "{{name}}", "validationMask": "AA/99 aa-99 (**) (##)", "description": "AA/99 aa-99 (**) (##)" }

Attributes

Attribute	Type	Description
type	string	Type expected is text
minLengthErrorMessage	string	Custom error message for minLength validation
maxLengthErrorMessage	string	Custom error message for maxLength validation

See section Common attributes.

Extra attributes

Attribute	Type	Description
minLength	number	Minimum accepted text length
maxLength	number	Maximum accepted text length
validationMask	string	Component will force the input to match the mask, e.g. AA/99 aa-99 (**) (##)
validationRegExp	regExp	Component won't be valid until its value matches this regular expression, e.g. [a-z]+[0-9]*

Mask format

The mask pattern limits what characters the user can enter into a text component:

• A any uppercase letter
• a any lowercase letter
• 9 any number
• * any character
• # any character except lowercase letters

When to use it

Provides similar functionality as a native HTML <input type="text">.
Use it to input or edit textual data when there is no other more specific input component. Specific input components are:

• date
• number
• boolean
• select

When the amount of text expected is more than 1 line, consider using a Textarea component.
See textarea.