Email Field
Text input with automatic email format validation.
Email Field
The email field renders a text input with automatic email format validation.
Schema Properties
Prop
Type
UI Options
Same as Text Field.
Basic Usage
const schema = defineSchema({
fields: [
{
type: "email",
name: "email",
label: "Email Address",
required: true,
placeholder: "you@example.com",
},
],
});Examples
With Copy Button
{
type: "email",
name: "contactEmail",
label: "Contact Email",
ui: { copyable: true },
}With Length Validation
{
type: "email",
name: "email",
label: "Email",
required: true,
minLength: 5,
maxLength: 100,
}Auto-Derived Validators
| Property | Validator |
|---|---|
required: true | required |
type: "email" | email (automatic) |
minLength | minLength |
maxLength | maxLength |