teqo-backup/src/components/EmailInput.tsx
Francisco Ignácio Fontoura Solla d3577ceb6a Improve Inputs
2026-03-20 12:36:16 -03:00

20 lines
479 B
TypeScript

import type { ComponentProps } from 'react'
import { FormInput } from './FormInput'
export const EmailInput = (props: ComponentProps<'input'>) => (
<FormInput
name="email"
id="email"
placeholder="Digite seu e-mail"
autoComplete="email"
format={sanitize}
inputMode="email"
type="text"
minLength={5}
maxLength={254}
required
{...props}
/>
)
const sanitize = (value: string) => value.toLowerCase().replace(/\s+/g, '').slice(0, 254)