# FormControl Provides context such as dirty/focused/error/required for form inputs. ## Props | Name | Type | Default | Description | |:-----|:-----|:--------|:------------| | children | Element | | The contents of the form control. | | classes | Object | | Useful to extend the style applied to components. | | disabled | boolean | false | If `true`, the label, input and helper text should be displayed in a disabled state. | | error | boolean | false | If `true`, the label should be displayed in an error state. | | fullWidth | boolean | false | If `true`, the label will take up the full width of its container. | | margin | union: 'none'
 'dense'
 'normal'
| 'none' | If `dense` | `normal`, will adjust vertical spacing of this and contained components. | | required | boolean | false | If `true`, the label will indicate that the input is required. | Any other properties supplied will be spread to the root element. ## CSS API You can overrides all the class names injected by Material-UI thanks to the `classes` property. This property accepts the following keys: - `root` - `marginNormal` - `marginDense` - `fullWidth` Have a look at [overriding with class names](/customization/overrides#overriding-with-class-names) section for more detail. If using the `overrides` key of the theme as documented [here](/customization/themes#customizing-all-instances-of-a-component-type), you need to use the following style sheet name: `MuiFormControl`.