An email address input field with built-in format validation.
The Email field renders an input with type="email", giving it native browser format validation and an email-optimized keyboard on mobile devices. Its editor exposes only the placeholder -- email format validation is handled automatically by the browser.
For the shared properties available on all fields (label, help, note, key, width, visual styling, required), see the Form Fields Overview.
Configuration
| Property | Type | Default | Description |
|---|---|---|---|
| placeholder | string | "[email protected]" | Ghost text shown inside the input when empty. Supports "{{variable}}" interpolation. |
Validation
The Email field extends InputFieldBase, so the required toggle is available. The browser's native type="email" validation ensures the submitted value contains a valid email format (includes an @ symbol and a domain).
The Validation object (min, max, minLength, maxLength, pattern) is technically available on the type definition but is not exposed in the Email editor UI, since the built-in format check is sufficient for most use cases.
Example Usage
A newsletter signup form:
{
"type": "email",
"label": "Work Email",
"required": true,
"placeholder": "[email protected]"
}