Back to Components
Auth
Password Reset Form
Email input form for password reset with success and error states.
PropsUsage ExampleVariations
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/password-reset-form.tsx
Installation
Using shadcn CLI
npx shadcn add password-reset-form --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-mergeRelated Auth Components
Checkout Form
Complete checkout form with contact, shipping address, and payment sections. Supports 8 style presets with self-contained Tailwind classes.
Login Form
Email and password login form with validation states, remember me, forgot password, and social login buttons.
Password Strength
Password input with strength meter, show/hide toggle, and requirements checklist.
Signup Form
Registration form with password strength indicator, validation states, and terms checkbox.