Skip to content
Fuji UI
Component

Form Field

Label / FormField / Fieldset: auto-wires aria-describedby and data-invalid.

Field with error

invalid on the FormField reaches the control inside it: the input paints its error border and FormField.Error shows its message, with no invalid prop on the Input itself.

Enter a valid email address.
  • Input, Textarea, NativeSelect, NumberInput, Select, Combobox and MultiSelect all pick up the field's invalid state
  • DatePicker and TimePicker do not - set invalid on the picker itself

Disabled field

disabled on the FormField disables its control and dims the label with it.

Ask a workspace owner to change it.

Fieldset

Groups related fields under one legend; each field keeps its own label.

Account

API reference

Also accepts everything from React.ComponentPropsWithoutRef<typeof import("@base-ui/react/field").Field.Root>.

Fieldset props

Also accepts everything from React.ComponentPropsWithoutRef<typeof import("@base-ui/react/fieldset").Fieldset.Root>.

Coding agents read this reference, with its examples, from the version your project has installed, through the Fuji UI MCP server. Set up your agent