Field

A labelled control with a description and an error, from the shadcn registry. The primitive (Input, Textarea, Select, Checkbox) stays bare; Field composes the label, description and error around it. This is the form-library contract: TanStack Form owns the error state, the Field renders it.

Label, description, error

data-invalid on the Field turns the label red; aria-invalid on the control turns its ring red. FieldError renders nothing when empty.

We pull the brand kit from it.

TanStack Form errors

FieldError accepts the field's errors array and collapses duplicates into one line or a list.

Group and set

FieldGroup spaces fields in a form; FieldSet + FieldLegend group related controls. Horizontal fields put the label beside a checkbox or switch.

Notifications

Shown in the Slack summary.