Field
Forms

Field.

Label, input and hint assembled for consistent forms.

Real interactive component
Live demo

This is visible to teammates.

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props
ParameterTypeRequiredDefaultPossible valuesDescription
childrenReactNodeYes——FieldLabel, input control and FieldHint content.
classNamestringNo——Additional field container class.
htmlForstringNo——Use on FieldLabel to associate it with a control ID.
idstringNo——Use on the input control to match FieldLabel htmlFor.