Signup Form
Create an account: name, email, a password with a live strength meter, and an optional terms checkbox that becomes required.
import { SignupForm } from "pleate/auth/signup-form";Create a Plate account
Use an address ending in @taken.com to see a server field error.
Create your Plate account
Free for groups of up to four travellers.
Props
- onSubmit
Runs when valid.
({ name, email, password, acceptTerms }) => 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>>- terms
Checkbox label with your links; shown and required when set.
ReactNode- minPasswordLength / minStrength
Password rules (strength from scorePassword).
number / 0 to 4default 8 / none- showName / showStrength
Optional parts.
booleandefault true / true- oauth / footer / defaultValues
Slots and prefill.
ReactNode / ReactNode / { name, email }- 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.
- autocomplete="new-password" lets browsers suggest a strong password.