{ "props": { "autoComplete": { "type": { "name": "string" } }, "autoFocus": { "type": { "name": "bool" } }, "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } }, "color": { "type": { "name": "union", "description": "'primary'
| 'secondary'
| 'error'
| 'info'
| 'success'
| 'warning'
| string" } }, "components": { "type": { "name": "shape", "description": "{ Input?: elementType, Root?: elementType }" }, "default": "{}", "deprecated": true, "deprecationInfo": "use the slots prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "componentsProps": { "type": { "name": "shape", "description": "{ input?: object, root?: object }" }, "default": "{}", "deprecated": true, "deprecationInfo": "use the slotProps prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "defaultValue": { "type": { "name": "any" } }, "disabled": { "type": { "name": "bool" } }, "disableInjectingGlobalStyles": { "type": { "name": "bool" }, "default": "false" }, "endAdornment": { "type": { "name": "node" } }, "error": { "type": { "name": "bool" } }, "fullWidth": { "type": { "name": "bool" }, "default": "false" }, "id": { "type": { "name": "string" } }, "inputComponent": { "type": { "name": "custom", "description": "element type" }, "default": "'input'" }, "inputProps": { "type": { "name": "object" }, "default": "{}" }, "inputRef": { "type": { "name": "custom", "description": "ref" } }, "margin": { "type": { "name": "enum", "description": "'dense'
| '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" } }, "onBlur": { "type": { "name": "func" } }, "onChange": { "type": { "name": "func" }, "signature": { "type": "function(event: React.ChangeEvent) => void", "describedArgs": ["event"] } }, "onInvalid": { "type": { "name": "func" } }, "placeholder": { "type": { "name": "string" } }, "readOnly": { "type": { "name": "bool" } }, "required": { "type": { "name": "bool" } }, "rows": { "type": { "name": "union", "description": "number
| string" } }, "size": { "type": { "name": "union", "description": "'medium'
| 'small'
| string" } }, "slotProps": { "type": { "name": "shape", "description": "{ input?: object, root?: object }" }, "default": "{}" }, "slots": { "type": { "name": "shape", "description": "{ input?: elementType, root?: elementType }" }, "default": "{}" }, "startAdornment": { "type": { "name": "node" } }, "sx": { "type": { "name": "union", "description": "Array<func
| object
| bool>
| func
| object" }, "additionalInfo": { "sx": true } }, "type": { "type": { "name": "string" }, "default": "'text'" }, "value": { "type": { "name": "any" } } }, "name": "InputBase", "imports": [ "import InputBase from '@mui/material/InputBase';", "import { InputBase } from '@mui/material';" ], "classes": [ { "key": "adornedEnd", "className": "MuiInputBase-adornedEnd", "description": "Styles applied to the root element if `endAdornment` is provided.", "isGlobal": false }, { "key": "adornedStart", "className": "MuiInputBase-adornedStart", "description": "Styles applied to the root element if `startAdornment` is provided.", "isGlobal": false }, { "key": "colorSecondary", "className": "MuiInputBase-colorSecondary", "description": "Styles applied to the root element if the color is secondary.", "isGlobal": false }, { "key": "disabled", "className": "Mui-disabled", "description": "Styles applied to the root element if `disabled={true}`.", "isGlobal": true }, { "key": "error", "className": "Mui-error", "description": "State class applied to the root element if `error={true}`.", "isGlobal": true }, { "key": "focused", "className": "Mui-focused", "description": "Styles applied to the root element if the component is focused.", "isGlobal": true }, { "key": "formControl", "className": "MuiInputBase-formControl", "description": "Styles applied to the root element if the component is a descendant of `FormControl`.", "isGlobal": false }, { "key": "fullWidth", "className": "MuiInputBase-fullWidth", "description": "Styles applied to the root element if `fullWidth={true}`.", "isGlobal": false }, { "key": "hiddenLabel", "className": "MuiInputBase-hiddenLabel", "description": "Styles applied to the root element if `hiddenLabel={true}`.", "isGlobal": false }, { "key": "input", "className": "MuiInputBase-input", "description": "Styles applied to the input element.", "isGlobal": false }, { "key": "inputAdornedEnd", "className": "MuiInputBase-inputAdornedEnd", "description": "Styles applied to the input element if `endAdornment` is provided.", "isGlobal": false, "isDeprecated": true }, { "key": "inputAdornedStart", "className": "MuiInputBase-inputAdornedStart", "description": "Styles applied to the input element if `startAdornment` is provided.", "isGlobal": false, "isDeprecated": true }, { "key": "inputHiddenLabel", "className": "MuiInputBase-inputHiddenLabel", "description": "Styles applied to the input element if `hiddenLabel={true}`.", "isGlobal": false, "isDeprecated": true }, { "key": "inputMultiline", "className": "MuiInputBase-inputMultiline", "description": "Styles applied to the input element if `multiline={true}`.", "isGlobal": false, "isDeprecated": true }, { "key": "inputSizeSmall", "className": "MuiInputBase-inputSizeSmall", "description": "Styles applied to the input element if `size=\"small\"`.", "isGlobal": false, "isDeprecated": true }, { "key": "inputTypeSearch", "className": "MuiInputBase-inputTypeSearch", "description": "", "isGlobal": false }, { "key": "multiline", "className": "MuiInputBase-multiline", "description": "Styles applied to the root element if `multiline={true}`.", "isGlobal": false }, { "key": "readOnly", "className": "Mui-readOnly", "description": "State class applied to the root element if `readOnly={true}`.", "isGlobal": true }, { "key": "root", "className": "MuiInputBase-root", "description": "Styles applied to the root element.", "isGlobal": false }, { "key": "sizeSmall", "className": "MuiInputBase-sizeSmall", "description": "Styles applied to the input element if `size=\"small\"`.", "isGlobal": false } ], "spread": true, "themeDefaultProps": true, "muiName": "MuiInputBase", "forwardsRefTo": "HTMLDivElement", "filename": "/packages/mui-material/src/InputBase/InputBase.js", "inheritance": null, "demos": "", "cssComponent": false }