Field Basic Inputs 3 - Input with description above

Pro

FieldDescription rendered above the Input before the control.

Shadcn Field Basic Inputs 3 component

Component Data

  • ID:field/field-basic-inputs-3
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Field Basic Inputs 3 component design & features

This example places FieldDescription above Input within Field so users read context before typing. FieldLabel still identifies the field while the description sets expectations first.

Above-control helper text works when instructions must precede entry, such as legal disclaimers, API token format, or multi-step field intros in onboarding flows.