Text
Enter and edit text values.
Demo
Basic example
Validating RegExp example
Validating Mask example
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 lettera
any lowercase letter9
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:
When the amount of text expected is more than 1 line, consider using a Textarea component.
See textarea.