Form Kit

Email Input

free

Email input with built-in email format validation.

Overview

The Email Input validates email addresses automatically using a built-in format check. No need to write regex — it handles the pattern for you. Pairs with Framer's native form submission to ensure only valid emails reach your inbox.

Properties

PropertyTypeDefaultDescription
nameString"email"Field name used in form data.
labelString"Email"Label displayed above the input.
placeholderString"email@example.com"Placeholder text.
requiredBooleanfalseWhether the field must be filled.
emailMessageString--Custom error message for invalid email format.

Features

  • Built-in email format validation (no regex needed)
  • Custom error message for invalid format
  • Native <input type="email"> for mobile keyboard optimization
  • Browser autofill styling override
  • Success state with icon

Tips

The built-in validation checks for user@domain.tld format. For stricter rules, use a Text input with a custom regex.
Mobile browsers show an email-optimized keyboard automatically.

Validation

This component uses email validation. See the Validation Guide for details on configuring rules and error messages.

Related components

Text Input

Single-line text input with minLength/maxLength and regex pattern validation.

Phone Input

Phone number input with built-in phone format validation.

URL Input

URL input with built-in URL format validation.