EmailInput Component
Email input with validation for authentication flows. Handles email format validation and submission.
Basic Email Input
<EmailInput
onSubmit={(email) => console.log('Email submitted:', email)}
/>
With Custom Placeholder
<EmailInput
placeholder="Enter your work email"
onSubmit={(email) => console.log('Email submitted:', email)}
/>
With Error State
Invalid email address
<EmailInput
error="Invalid email address"
onSubmit={(email) => console.log('Email submitted:', email)}
/>
Loading State
<EmailInput
loading={true}
onSubmit={(email) => console.log('Email submitted:', email)}
/>
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| onSubmit | (email: string) => void | required | Email submission callback |
| loading | boolean | false | Loading state |
| error | string | undefined | Error message |
| placeholder | string | 'Enter your email' | Placeholder text |
| className | string | undefined | Additional CSS classes |