Fields

Labels, descriptions and errors wired to any control.

Field

Wires a label, any control, a description and an animated error together with the right ids and aria attributes, stacked or side by side.

radix-ui · motion · lucide-react

Label, control and description.

invalid shows FieldError and marks the control aria-invalid.

orientation="horizontal" for settings pages.

FieldSet and FieldLegend group related fields.

FieldControl wraps any control; disabled covers the whole field.

A Radix label with required and optional markers and an aside for hints or links.

radix-ui

required adds a red asterisk.

optional adds muted text; pass a string to change it.

aside puts a hint or a link on the right.

An icon in the label, next to a checkbox.