Forgot Password
A clean forgot password form with customizable branding and theme support
Zezo Forgot Password Component
Forgot Password
Enter your email to reset your password
Remembered your password? Login
📦 Installation
pnpm dlx shadcn@latest add https://zezo-ui.vercel.app/r/zezo-auth.json
💡 Usage Example
import ForgotPassword from "@/components/zezo/auth/ForgotPassword";
<ForgotPassword
onSubmit={(data) => {
console.log("Email:", data.email);
// Send reset link to email
}}
isLoading={false}
error=""
/>📘 Props
| Prop | Type | Required | Description |
|---|---|---|---|
| onSubmit | (data: { email: string }) => void | Optional | Callback function called when form is submitted |
| isLoading | boolean | Optional | Loading state for submit button (default: false) |
| goBack | () => void | Optional | Callback for back navigation (shows back button) |
| error | string | Optional | Error message displayed in red below input |
| title | string | Optional | Main heading text (default: "Forgot Password") |
| subtitle | string | Optional | Subtitle text below title (default: "Enter your email to reset your password") |
| inputPlaceholder | string | Optional | Email input placeholder (default: "you@example.com") |
| buttonText | string | Optional | Submit button text (default: "Send Reset Link") |
| loginLink | string | Optional | Login page link URL (default: "/login") |
| logoUrl | string | Optional | Logo image URL displayed at top (has default) |
| backgroundImageUrl | string | Optional | Right side background image URL (hidden on mobile, has default) |
| backgroundColor | string | Optional | Custom background color (overrides theme) |
✨ Features
📧 Email Input
Simple email input field for password reset
🔙 Back Navigation
Optional back button with callback
🔗 Login Link
Quick link back to login page
🎨 Customizable Branding
Logo, title, subtitle, and background image
🌓 Dark Mode
Automatic theme support
⚡ Loading States
Built-in loading and error handling
📱 Responsive
Mobile-first responsive design
🎯 Theme Colors
Integrates with dynamic theme colors