Back to components
Auth component

Forgot Password Screen

Forgot password screen with email input, validation, and submit action for reset link.

Install

What it does

  • Email input with zod validation
  • Submit button with loading state
  • Back to login link
  • Success message display after submission

When to use

Use it

Password reset initiation, forgot password flow start.

Skip it

Direct password reset (use new-password-screen after OTP verification).

Prerequisites

  • react-hook-form
  • zod
  • @hookform/resolvers

Files & routes added

  • components/auth/forgot-password-screen.tsx

Related components