1Sponsor

Email Input

Email input with validation and domain suggestions

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/email-input.json

Usage

import { EmailInput } from "@/components/ui/email-input";
<EmailInput
  label="Email"
  placeholder="you@example.com"
  onSubmit={(value) => console.log("Submitted:", value)}
/>

API Reference

EmailInput

PropTypeDefault
valuestringundefined
onChange(value: string) => voidundefined
onSubmit(value: string) => voidundefined
labelstringundefined
placeholderstring"you@example.com"
autoFocusbooleanfalse
idstringundefined
widthnumber40
suggestionsstring[]["gmail.com", "yahoo.com", "hotmail.com", "outlook.com"]