{
"props": {
"open": { "type": { "name": "bool" }, "required": true },
"action": { "type": { "name": "custom", "description": "ref" } },
"anchorEl": { "type": { "name": "custom", "description": "HTML element
| func" } },
"anchorOrigin": {
"type": {
"name": "shape",
"description": "{ horizontal: 'center'
| 'left'
| 'right'
| number, vertical: 'bottom'
| 'center'
| 'top'
| number }"
},
"default": "{\n vertical: 'top',\n horizontal: 'left',\n}"
},
"anchorPosition": {
"type": { "name": "shape", "description": "{ left: number, top: number }" }
},
"anchorReference": {
"type": {
"name": "enum",
"description": "'anchorEl'
| 'anchorPosition'
| 'none'"
},
"default": "'anchorEl'"
},
"BackdropComponent": {
"type": { "name": "elementType" },
"default": "styled(Backdrop, {\n name: 'MuiModal',\n slot: 'Backdrop',\n overridesResolver: (props, styles) => {\n return styles.backdrop;\n },\n})({\n zIndex: -1,\n})",
"deprecated": true,
"deprecationInfo": "Use slots.backdrop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"BackdropProps": {
"type": { "name": "object" },
"deprecated": true,
"deprecationInfo": "Use slotProps.backdrop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"children": { "type": { "name": "node" } },
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
"container": { "type": { "name": "union", "description": "HTML element
| func" } },
"disableScrollLock": { "type": { "name": "bool" }, "default": "false" },
"elevation": { "type": { "name": "custom", "description": "integer" }, "default": "8" },
"marginThreshold": { "type": { "name": "number" }, "default": "16" },
"onClose": { "type": { "name": "func" } },
"PaperProps": {
"type": { "name": "shape", "description": "{ component?: element type }" },
"default": "{}",
"deprecated": true,
"deprecationInfo": "Use slotProps.paper instead."
},
"slotProps": {
"type": {
"name": "shape",
"description": "{ backdrop?: func
| object, paper?: func
| object, root?: func
| object, transition?: func
| object }"
},
"default": "{}"
},
"slots": {
"type": {
"name": "shape",
"description": "{ backdrop?: elementType, paper?: elementType, root?: elementType, transition?: elementType }"
},
"default": "{}"
},
"sx": {
"type": {
"name": "union",
"description": "Array<func
| object
| bool>
| func
| object"
},
"additionalInfo": { "sx": true }
},
"transformOrigin": {
"type": {
"name": "shape",
"description": "{ horizontal: 'center'
| 'left'
| 'right'
| number, vertical: 'bottom'
| 'center'
| 'top'
| number }"
},
"default": "{\n vertical: 'top',\n horizontal: 'left',\n}"
},
"TransitionComponent": {
"type": { "name": "elementType" },
"default": "Grow",
"deprecated": true,
"deprecationInfo": "use the slots.transition prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
},
"transitionDuration": {
"type": {
"name": "union",
"description": "'auto'
| number
| { appear?: number, enter?: number, exit?: number }"
},
"default": "'auto'"
},
"TransitionProps": {
"type": { "name": "object" },
"default": "{}",
"deprecated": true,
"deprecationInfo": "use the slotProps.transition prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details."
}
},
"name": "Popover",
"imports": [
"import Popover from '@mui/material/Popover';",
"import { Popover } from '@mui/material';"
],
"slots": [
{
"name": "root",
"description": "The component used for the root slot.",
"default": "Modal",
"class": "MuiPopover-root"
},
{
"name": "paper",
"description": "The component used for the paper slot.",
"default": "Paper",
"class": "MuiPopover-paper"
},
{
"name": "transition",
"description": "The component used for the transition slot.",
"default": "Grow",
"class": null
},
{
"name": "backdrop",
"description": "The component used for the backdrop slot.",
"default": "Backdrop",
"class": null
}
],
"classes": [],
"spread": true,
"themeDefaultProps": false,
"muiName": "MuiPopover",
"forwardsRefTo": "HTMLDivElement",
"filename": "/packages/mui-material/src/Popover/Popover.js",
"inheritance": { "component": "Modal", "pathname": "/material-ui/api/modal/" },
"demos": "