PasswordResetForm: choose a new password

Drugi krok, otwierany z linku z e-maila: nowe hasło wpisane dwa razy. Przekaż token w hiddenFields oraz hideEmail, gdy link już wskazuje konto.

PodglądLink do sekcji Podgląd

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

tsx

import { PasswordResetForm } from '@skribly/ui/pages'

tsx

<PasswordResetForm
  step="reset"
  labels={labels}
  minLength={12}
  defaultEmail={email}
  hiddenFields={{ token }}
  onSubmit={savePassword}
/>

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

Zasady hasła stoją pod polem jako jego opis, więc są odczytywane przed wpisywaniem.
Oba pola używają autocomplete="new-password", dzięki czemu menedżery haseł podpowiadają mocne hasło.
Ostrzeżenie, że link wygasa, to ton, ikona i słowo.

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