{
"props": {
"open": { "type": { "name": "bool" }, "required": true },
"anchorEl": {
"type": {
"name": "union",
"description": "HTML element
| object
| func"
}
},
"children": { "type": { "name": "union", "description": "node
| func" } },
"component": { "type": { "name": "elementType" } },
"components": {
"type": { "name": "shape", "description": "{ Root?: elementType }" },
"default": "{}",
"deprecated": true,
"deprecationInfo": "use the slots prop instead. This prop will be removed in a future major release. How to migrate."
},
"componentsProps": {
"type": { "name": "shape", "description": "{ root?: func
| object }" },
"default": "{}",
"deprecated": true,
"deprecationInfo": "use the slotProps prop instead. This prop will be removed in a future major release. How to migrate."
},
"container": { "type": { "name": "union", "description": "HTML element
| func" } },
"disablePortal": { "type": { "name": "bool" }, "default": "false" },
"keepMounted": { "type": { "name": "bool" }, "default": "false" },
"modifiers": {
"type": {
"name": "arrayOf",
"description": "Array<{ data?: object, effect?: func, enabled?: bool, fn?: func, name?: any, options?: object, phase?: 'afterMain'
| 'afterRead'
| 'afterWrite'
| 'beforeMain'
| 'beforeRead'
| 'beforeWrite'
| 'main'
| 'read'
| 'write', requires?: Array<string>, requiresIfExists?: Array<string> }>"
}
},
"placement": {
"type": {
"name": "enum",
"description": "'auto-end'
| 'auto-start'
| 'auto'
| 'bottom-end'
| 'bottom-start'
| 'bottom'
| 'left-end'
| 'left-start'
| 'left'
| 'right-end'
| 'right-start'
| 'right'
| 'top-end'
| 'top-start'
| 'top'"
},
"default": "'bottom'"
},
"popperOptions": {
"type": {
"name": "shape",
"description": "{ modifiers?: array, onFirstUpdate?: func, placement?: 'auto-end'
| 'auto-start'
| 'auto'
| 'bottom-end'
| 'bottom-start'
| 'bottom'
| 'left-end'
| 'left-start'
| 'left'
| 'right-end'
| 'right-start'
| 'right'
| 'top-end'
| 'top-start'
| 'top', strategy?: 'absolute'
| 'fixed' }"
},
"default": "{}"
},
"popperRef": { "type": { "name": "custom", "description": "ref" } },
"slotProps": {
"type": { "name": "shape", "description": "{ root?: func
| object }" },
"default": "{}"
},
"slots": {
"type": { "name": "shape", "description": "{ root?: elementType }" },
"default": "{}"
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"transition": { "type": { "name": "bool" }, "default": "false" }
},
"name": "Popper",
"imports": [
"import Popper from '@mui/material/Popper';",
"import { Popper } from '@mui/material';"
],
"classes": [
{
"key": "root",
"className": "MuiPopper-root",
"description": "Class name applied to the root element.",
"isGlobal": false
}
],
"spread": true,
"themeDefaultProps": false,
"muiName": "MuiPopper",
"forwardsRefTo": "HTMLDivElement",
"filename": "/packages/mui-material/src/Popper/Popper.tsx",
"inheritance": null,
"demos": "