Form control

Use the form control component to display form inputs alongside labels, validation and more.
  • Experimental
  • Not reviewed for accessibility
import {FormControl} from '@primer/react-brand'



FormControl is responsible for layout and ensuring that relevant IDs and ARIA attributes are passed to its children.

Alternative inputs


FormControl can help compose form layouts quickly, while ensuring the inputs are accessible for assistive technologies.

An example of a typical layout composed using FormControl: