Loading…

Forgot password

Block

A password reset request, with a confirmation that does not leak account existence.

Authentication
5 components
1 file

Reset your password

Enter the address you signed up with and we will send you a link.

Back to sign in

Installation

The block is written to your blocks directory, and everything it is built from is installed alongside it.

$pnpm dlx @dowel-ui/cli add forgot-password

Usage

A starting point, not a black box: render it, then edit the layout, the copy and the fields — they are yours.

app/page.tsxTSX

import { ForgotPasswordBlock } from "@/components/blocks/forgot-password"; export default function Page() {  return <ForgotPasswordBlock />;}

Built from

Every piece is a component you already have documentation for, and can change independently.

API

<ForgotPasswordBlock>

Prop	Type	Default
`error`	`string`	—
`loginHref`	`string`	`"/login"`
`onSubmit`	`(values: { email: string }) => void`	—
`pending`	`boolean`	`false`
`sent` Switches to the confirmation view.	`boolean`	`false`
`className`	`string`	—

Accessibility

The confirmation replaces the form, so it is a polite live region — otherwise a screen reader user submits and hears nothing. The wording is deliberately neutral about whether the address exists: confirming it would turn this form into an account enumeration oracle.