Unstyled Form Control
The Unstyled Form Control component is a utility that lets you associate a form input with auxiliary components, such as labels, error indicators, or helper text.
FormControlUnstyled API
Import
import FormControlUnstyled from '@mui/base/FormControlUnstyled';
// or
import { FormControlUnstyled } from '@mui/base';Props
Props of the native component are also available.
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | func | The content of the component. | |
| component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
| disabled | bool | false | If true, the label, input and helper text should be displayed in a disabled state. |
| error | bool | false | If true, the label is displayed in an error state. |
| onChange | func | Callback fired when the form element's value is modified. | |
| required | bool | false | If true, the label will indicate that the input is required. |
| slotProps | { root?: func | object } | {} | The props used for each slot inside the FormControl. |
| slots | { root?: elementType } | {} | The components used for each slot inside the FormControl. Either a string to use a HTML element or a component. See Slots API below for more details. |
| value | any | The value of the form element. |
The
ref is forwarded to the root element.