Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA sign-up form where one zod schema drives React Hook Form validation, server rejections land on the right field, and the submit button shows its pending state. Use this when you want the standard RHF plus zod setup with accessible errors already wired.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
You build a sign-up or similar create-account form with React Hook Form and want the schema, field wiring, server errors and pending state in one tested place. The zod schema is also what you validate with on the server.
Do not use it when: The form needs hundreds of fields or is generated from a schema; use Auto Form. For a form that must work without JavaScript, use Server Action Form.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Description |
|---|---|---|
onSignup | (values) => Promise<ServerErrors | void> | Create the account. Return { field: message } for rejections. A thrown error becomes a form-level message. |
signupSchema is exported so the server can parse with the same rules.
aria-describedby, and each invalid input gets aria-invalid; the message is a role="alert" region.aria-busy while the request runs. A failure that is not about a field is a form-level alert.autocomplete is name, email and new-password.The pattern ships with a Testing Library test (signup-form-rhf-zod.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.