Auth Recovery
The account-recovery flow as small, composable cards sharing one idiom: ForgotPasswordForm, CheckEmailCard, ResetPasswordForm (with the signup strength meter) and VerifyOtpForm (built on InputOTP) — each with a back-to-login link. Purely visual — wire the callbacks to your own auth.
bunx shadcn@latest add @nx-ui/auth-recoveryForgotPasswordForm
Step one — enter the account email.
Forgot password?
No worries, we'll send you reset instructions.
CheckEmailCard
Confirmation shown once the reset email has been sent, with a resend action.
Check your email
We sent a password reset link to [email protected]
ResetPasswordForm
New password + confirm, reusing the signup strength meter and requirements checklist.
Set new password
Your new password must be different from previously used passwords.
VerifyOtpForm
A 6-digit verification code composed from InputOTP, with a resend prompt.
Verify your email
Enter the 6-digit code we sent to [email protected]
Didn’t get a code?
API reference
Exported parts and their props, extracted from the component source.