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.
useFormControlUnstyledContext API
Import
import useFormControlUnstyledContext from '@mui/base/FormControlUnstyled';
// or
import { useFormControlUnstyledContext } from '@mui/base';
Parameters
Name | Type | Description |
---|
Return value
Name | Type | Default | Description |
---|---|---|---|
filled | boolean | If true , the form element has some value. | |
focused | boolean | If true , the form element is focused and not disabled. | |
onBlur | () => void | Callback fired when the form element has lost focus. | |
onFocus | () => void | Callback fired when the form element receives focus. | |
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 is displayed in an error state. |
onChange? | React.ChangeEventHandler<NativeFormControlElement> | Callback fired when the form element's value is modified. | |
required? | boolean | false | If true , the label will indicate that the input is required. |
value? | unknown | The value of the form element. |