{ "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": "", "cssComponent": false }