{
"props": {
"autoComplete": { "type": { "name": "string" } },
"autoFocus": { "type": { "name": "bool" } },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"color": {
"type": {
"name": "union",
"description": "'primary'
| 'secondary'
| 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" } },
"disableUnderline": { "type": { "name": "bool" }, "default": "false" },
"endAdornment": { "type": { "name": "node" } },
"error": { "type": { "name": "bool" } },
"fullWidth": { "type": { "name": "bool" }, "default": "false" },
"hiddenLabel": { "type": { "name": "bool" }, "default": "false" },
"id": { "type": { "name": "string" } },
"inputComponent": { "type": { "name": "elementType" }, "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" } },
"onChange": {
"type": { "name": "func" },
"signature": {
"type": "function(event: React.ChangeEvent) => void",
"describedArgs": ["event"]
}
},
"placeholder": { "type": { "name": "string" } },
"readOnly": { "type": { "name": "bool" } },
"required": { "type": { "name": "bool" } },
"rows": { "type": { "name": "union", "description": "number
| 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": "FilledInput",
"imports": [
"import FilledInput from '@mui/material/FilledInput';",
"import { FilledInput } from '@mui/material';"
],
"classes": [
{
"key": "adornedEnd",
"className": "MuiFilledInput-adornedEnd",
"description": "Styles applied to the root element if `endAdornment` is provided.",
"isGlobal": false
},
{
"key": "adornedStart",
"className": "MuiFilledInput-adornedStart",
"description": "Styles applied to the root element if `startAdornment` is provided.",
"isGlobal": false
},
{
"key": "colorSecondary",
"className": "MuiFilledInput-colorSecondary",
"description": "Styles applied to the root element if color secondary.",
"isGlobal": false
},
{
"key": "disabled",
"className": "Mui-disabled",
"description": "State class 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": "State class applied to the root element if the component is focused.",
"isGlobal": true
},
{
"key": "hiddenLabel",
"className": "MuiFilledInput-hiddenLabel",
"description": "Styles applied to the root element if `hiddenLabel={true}`.",
"isGlobal": false
},
{
"key": "input",
"className": "MuiFilledInput-input",
"description": "Styles applied to the input element.",
"isGlobal": false
},
{
"key": "multiline",
"className": "MuiFilledInput-multiline",
"description": "Styles applied to the root element if `multiline={true}`.",
"isGlobal": false
},
{
"key": "root",
"className": "MuiFilledInput-root",
"description": "Styles applied to the root element.",
"isGlobal": false
},
{
"key": "sizeSmall",
"className": "MuiFilledInput-sizeSmall",
"description": "Styles applied to the root element if `size=\"small\"`.",
"isGlobal": false
},
{
"key": "underline",
"className": "MuiFilledInput-underline",
"description": "Styles applied to the root element unless `disableUnderline={true}`.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": true,
"muiName": "MuiFilledInput",
"forwardsRefTo": "HTMLDivElement",
"filename": "/packages/mui-material/src/FilledInput/FilledInput.js",
"inheritance": { "component": "InputBase", "pathname": "/material-ui/api/input-base/" },
"demos": "",
"cssComponent": false
}