Przejdź do treści

PasswordResetForm: request a link

Pierwszy krok resetu: użytkownik prosi o link e-mailem. Napisz, że link jest w drodze, niezależnie od tego, czy adres ma konto.

  • PasswordResetForm

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: 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

Noc, podgląd: 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

Wysoki kontrast, podgląd: 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

UżycieLink do sekcji Użycie

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

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

  • To samo podsumowanie, te same błędy pól i komunikaty na żywo co w LoginForm.
  • Link powrotu jest podkreślony i ma rozmiar celu 24 px.
  • Pole adresu używa autocomplete="email".

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /