Auth

Reset Password Form

Choose a new password with a strength meter and confirm it. Keep the reset token in your own code and send it along.
import { ResetPasswordForm } from "pleate/auth/reset-password-form";

New password

Choose a new password

Pick something you don't use anywhere else.

Props

onSubmit

Runs when both match and pass the rules.

({ password, confirmPassword }) => void | Promise

loading / error / fieldErrors

Busy button, a banner above the fields, and server messages per field (they replace the client ones).

boolean / string / Partial<Record<field, string>>

minPasswordLength / minStrength / showStrength

Password rules.

number / 0 to 4 / booleandefault 8 / none / true

labels

Every visible string, for your wording or translation.

object

Accessibility

  • Labels, descriptions and errors are linked to each field; the first invalid field gets focus on submit.