Email Input

Preview

index.tsx

State

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Error message

Preview

index.tsx

Error message

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Preview

index.tsx

Domain

Preview

index.tsx

Preview

index.tsx

@gmail.com

Preview

index.tsx

Preview

index.tsx

@gmail.com

Floating label

Preview

index.tsx

Your Email

Preview

index.tsx

Your Email

Preview

index.tsx

Your Email

Preview

index.tsx

Your Email

Preview

index.tsx

Your EmailError message

Preview

index.tsx

Your EmailError message

Preview

index.tsx

Your Email

Preview

index.tsx

Your Email

Preview

index.tsx

Preview

index.tsx

Alternative

Preview

index.tsx

Preview

index.tsx

Size Medium

Preview

index.tsx

Design Tokens for EmailInput

Note: EmailInput uses the same design tokens as the Input component. See BaseInput Design Tokens for the full list of available tokens.

EmailInput API Reference

`<EmailInput />`

Prop	Type	Description
domain	string \| string[]	Domain or list of domains for suggestions
onDomainChange	function (domain)	Callback when domain changes
domainValue	string	Currently selected domain (controlled)
...InputProps	See Input	Inherits all props from Input

Note: EmailInput inherits all props from Input and the native input element. See Input documentation for full details on available props and tokens.