Skip to content

PasswordResetForm: request a link

The first step of a reset: the reader asks for a link by email. Say that a link is on its way whether or not the address has an account.

  • PasswordResetForm

PreviewLink to the section Preview

Live in all three themes. Everything here is interactive.

Light theme, PasswordResetForm: request a link

Enter the address you sign in with and we will email you a link to choose a new password.

Back to sign in

Dark theme, PasswordResetForm: request a link

Enter the address you sign in with and we will email you a link to choose a new password.

Back to sign in

High contrast theme, PasswordResetForm: request a link

Enter the address you sign in with and we will email you a link to choose a new password.

Back to sign in

UsageLink to the section Usage

tsx
import { PasswordResetForm } from '@skribly/ui/pages'
tsx
<PasswordResetForm step="request" labels={labels} backHref="/login" onSubmit={sendLink} notice={notice} />

Every label is a prop, so the app passes its own words in its own language. See no built-in text.

AccessibilityLink to the section Accessibility

  • The same summary, field errors and live notices as LoginForm.
  • The back link is underlined and has a 24px target.
  • The address field uses autocomplete="email".

This demo runs through axe in all three themes on every test run. See what the tests check.

Search this site

Arrows move through the results, Enter opens one, Esc closes. Ctrl K /