Usage

The FormGroup component is a wrapper used to group form controls like checkboxes and switches together. It provides consistent vertical or horizontal layout and spacing for multiple related form inputs.

It is commonly used alongside FormControlLabel to pair each control with a descriptive label.

Example

Accessibility

FormGroup works best when wrapped inside a FormControl with a FormLabel to provide a group label for screen readers. This ensures assistive technologies can correctly identify and describe the group of related controls.

Learn More

Visit the Guidance tab for best practices and the Code tab for implementation details.