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"[email protected]"Placeholder text for the input field
initialValuestring""Initial email value
onChange(email: string) => void-Callback when email changes

Examples

With Initial Value

<GravatarEmailInput
  initialValue="[email protected]"
  onChange={handleEmailChange}
/>

Custom Label and Placeholder

<GravatarEmailInput
  label="Your Email Address"
  placeholder="[email protected]"
  onChange={(email) => console.log("Email:", email)}
/>