auth pattern

Forgot password

Email entry to start a password reset. Generic success to avoid enumeration.

When to use it

User cannot recall password. Sends reset email; never reveals whether the address is registered.

  • Reset email sent in one click
  • Never leak account existence
  • Clear path back to sign-in

Layout regions

  • header
  • card
  • footer

States

  • default
  • loading
  • success
  • error

Example

<Card><CardHeader><CardTitle>Reset your password</CardTitle></CardHeader><CardContent><form onSubmit={request}><Field label="Email"><Input autoComplete="email" /></Field><Button type="submit">Send reset link</Button></form></CardContent></Card>

The full Forgot password pattern specifies 4 exact microcopy strings, 1 motion spec, 4 composition rules — all gated behind the full recipe. Get the full recipe.

Build the Forgot password pattern in your project.