{
"props": {
"autoComplete": { "type": { "name": "string" } },
"autoFocus": { "type": { "name": "bool" }, "default": "false" },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"color": {
"type": {
"name": "union",
"description": "'primary'
| 'secondary'
| 'error'
| 'info'
| 'success'
| 'warning'
| string"
},
"default": "'primary'"
},
"defaultValue": { "type": { "name": "any" } },
"disabled": { "type": { "name": "bool" }, "default": "false" },
"error": { "type": { "name": "bool" }, "default": "false" },
"FormHelperTextProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.formHelperText instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"fullWidth": { "type": { "name": "bool" }, "default": "false" },
"helperText": { "type": { "name": "node" } },
"id": { "type": { "name": "string" } },
"InputLabelProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.inputLabel instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"inputProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.htmlInput instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"InputProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.input instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"inputRef": { "type": { "name": "custom", "description": "ref" } },
"label": { "type": { "name": "node" } },
"margin": {
"type": {
"name": "enum",
"description": "'dense'
| 'none'
| 'normal'"
},
"default": "'none'"
},
"maxRows": { "type": { "name": "union", "description": "number
| string" } },
"minRows": { "type": { "name": "union", "description": "number
| string" } },
"multiline": { "type": { "name": "bool" }, "default": "false" },
"name": { "type": { "name": "string" } },
"onChange": {
"type": { "name": "func" },
"signature": { "type": "function(event: object) => void", "describedArgs": ["event"] }
},
"placeholder": { "type": { "name": "string" } },
"required": { "type": { "name": "bool" }, "default": "false" },
"rows": { "type": { "name": "union", "description": "number
| string" } },
"select": { "type": { "name": "bool" }, "default": "false" },
"SelectProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.select instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"size": {
"type": {
"name": "union",
"description": "'medium'
| 'small'
| string"
},
"default": "'medium'"
},
"slotProps": {
"type": {
"name": "shape",
"description": "{ formHelperText?: func
| object, htmlInput?: func
| object, input?: func
| object, inputLabel?: func
| object, select?: func
| object }"
},
"default": "{}"
},
"slots": {
"type": {
"name": "shape",
"description": "{ formHelperText?: elementType, htmlInput?: elementType, input?: elementType, inputLabel?: elementType, root?: elementType, select?: elementType }"
},
"default": "{}"
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"type": { "type": { "name": "string" } },
"value": { "type": { "name": "any" } },
"variant": {
"type": {
"name": "enum",
"description": "'filled'
| 'outlined'
| 'standard'"
},
"default": "'outlined'"
}
},
"name": "TextField",
"imports": [
"import TextField from '@mui/material/TextField';",
"import { TextField } from '@mui/material';"
],
"slots": [
{
"name": "root",
"description": "The component that renders the root.",
"default": "FormControl",
"class": "MuiTextField-root"
},
{
"name": "input",
"description": "The component that renders the input.",
"default": "OutlinedInput",
"class": null
},
{
"name": "inputLabel",
"description": "The component that renders the input's label.",
"default": "InputLabel",
"class": null
},
{
"name": "htmlInput",
"description": "The html input element.",
"default": "'input'",
"class": null
},
{
"name": "formHelperText",
"description": "The component that renders the helper text.",
"default": "FormHelperText",
"class": null
},
{
"name": "select",
"description": "The component that renders the select.",
"default": "Select",
"class": null
}
],
"classes": [],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiTextField",
"filename": "/packages/mui-material/src/TextField/TextField.js",
"inheritance": { "component": "FormControl", "pathname": "/material-ui/api/form-control/" },
"demos": "