Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProOne zod schema produces the form (z.toJSONSchema) and validates it (safeParse), including a cross-field refine, so the form, the server and the types cannot drift apart. Use this when zod is already your source of truth.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
You already define the data with zod and want a form that follows the schema, with zod's messages and rules.
Do not use it when: If the form needs a custom layout per field, write it by hand with React Hook Form or the form store; generated forms favour consistency over layout control.
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) => void | Promise<void> | Called with the parsed values. |
signupSchema is exported; parse with it on the server. z.toJSONSchema(schema, { io: "input" }) turns it into the form definition.
aria-describedby, focus on the first invalid field.autocomplete left to the browser's heuristics.The pattern ships with a Testing Library test (auto-form-zod-signup.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.