Inputs · §5.3, §8.11

Form

The forms pattern: labels, help, inline errors and an error summary.

Theme

Contrast

Language

Motion

Text size

Code

const form = useZodForm(schema); <Form errorSummaryTitle="…" form={form} messages={messages} onSubmit={save}>…</Form>

Visible labels; errors next to each field with aria-describedby and aria-invalid.
On a failed submit an error summary takes focus and links to each field.
Validates on submit, then on blur, never per keystroke.

Don't