Skip to content

FormGroup

Adds styles for multiple form elements used together.

Default example

System props

System props are deprecated in all components except Box. Please use the sx prop instead.

FormGroup components get COMMON system props. FormGroup.Label components get COMMON and TYPOGRAPHY system props. Read our System Props doc page for a full list of available props.

Component props

FormGroup

NameTypeDefaultDescription
asStringdivSets the HTML tag for the component

FormGroup.Label

NameTypeDefaultDescription
asStringlabelSets the HTML tag for the component
htmlForStringThe value of htmlFor needs to be the same as the id of the input it labels
Edit this page on GitHub
2 contributorsVanAndersonhaigdouzdjian
Last edited by VanAnderson on July 22, 2021