Command Palette

Search for a command to run...

Docs
Gravatar Email Input

Gravatar Email Input

An email input that displays the user's Gravatar avatar in real-time

Loading...

Installation

Props

PropTypeDefaultDescription
labelstring"Enter your email"Label text for the input field
placeholderstring"you@example.com"Placeholder text for the input field
initialValuestring""Initial email value
onChange(email: string) => void-Callback when email changes

Examples

With Initial Value

<GravatarEmailInput
  initialValue="test@example.com"
  onChange={handleEmailChange}
/>

Custom Label and Placeholder

<GravatarEmailInput
  label="Your Email Address"
  placeholder="email@domain.com"
  onChange={(email) => console.log("Email:", email)}
/>