Browse components

FormField

Accessible field wrapper: label, description, error, and a control snippet for the input.

molecules

Live example

Default usage you can copy and adapt.

Form field

Compose with Input or Select

Used for invoices and alerts.

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
labelstringYes—Visible label
errorstringNo""Validation message
controlSnippetYes—Render prop for the control with id/aria props