Field Componentt
Main text field of a form.
Propertiest
| Property | Type | Description |
|---|---|---|
| Type | select | text, number, date, or e-mail |
| Input name | text | Name of the form field |
| Placeholder | text | Text to show when the field has no value |
| Disabled | boolean | |
| Disable Browser Autocomplete | boolean |
Maskt
Field inputs can have masks to improve your form's UX. Some masks examples:
- Phone number:
+00 (00) 00000-0000
| Property | Type | Description |
|---|---|---|
| Mask | text[] | mask template |
Validationst
| Property | Type | Description |
|---|---|---|
| Validation | select | e-mail, URL, string, or custom |
| Message | text | Error message |
| Required | boolean | If the field is required |
| Required Message | text | Required error message |
The string validation has an additional prop
| Property | Type | Description |
|---|---|---|
| Match | regex | Regex to validate the input value |
The Custom validation has an additional prop
| Property | Type | Description |
|---|---|---|
| Custom Validation | code | JS code to validate the input value |