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
Back to sign-in link

States

default
Empty email field
loading
Sending
success
Email accepted
error
Invalid email format

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.

Related

Build the Forgot password pattern in your project.