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.

https://

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.