Back to components
Auth component
New Password Screen
New password creation screen with strength validation, confirm password, and submit.
Install
What it does
- New password + confirm password fields
- Password strength validation (min length, uppercase, number)
- Password visibility toggles
- Loading state on submit
When to use
Use it
Password reset completion, first-time password setup, change password forms.
Skip it
Login flow (use login-screen), or registration (use register-screen).
Prerequisites
- react-hook-form
- zod
- @hookform/resolvers
Files & routes added
- components/auth/new-password-screen.tsx