Components / UI components / Forms
FormsExperimental alpha

Field

A shared label, description and validation message around a form control.

Field preview

This value is controlled by the local example.

Interactions use local sample data.

Usage and props

The application owns the value and validation result. Field associates the visible label, description and error with its control; a rendered error is not server validation.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

label · description? · error? · required? · disabled? · invalid? · labelAs? · children
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard