{ "props": { "action": { "type": { "name": "node" } }, "anchorOrigin": { "type": { "name": "shape", "description": "{ horizontal: 'center'
| 'left'
| 'right', vertical: 'bottom'
| 'top' }" }, "default": "{ vertical: 'bottom', horizontal: 'left' }" }, "autoHideDuration": { "type": { "name": "number" }, "default": "null" }, "children": { "type": { "name": "element" } }, "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } }, "ClickAwayListenerProps": { "type": { "name": "object" }, "deprecated": true, "deprecationInfo": "Use slotProps.clickAwayListener instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "ContentProps": { "type": { "name": "object" }, "deprecated": true, "deprecationInfo": "Use slotProps.content instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "disableWindowBlurListener": { "type": { "name": "bool" }, "default": "false" }, "key": { "type": { "name": "custom", "description": "any" } }, "message": { "type": { "name": "node" } }, "onClose": { "type": { "name": "func" }, "signature": { "type": "function(event: React.SyntheticEvent | Event, reason: string) => void", "describedArgs": ["event", "reason"] } }, "open": { "type": { "name": "bool" } }, "resumeHideDuration": { "type": { "name": "number" } }, "slotProps": { "type": { "name": "shape", "description": "{ clickAwayListener?: func
| object, content?: func
| object, root?: func
| object, transition?: func
| object }" }, "default": "{}" }, "slots": { "type": { "name": "shape", "description": "{ clickAwayListener?: elementType, content?: elementType, root?: elementType, transition?: elementType }" }, "default": "{}" }, "sx": { "type": { "name": "union", "description": "Array<func
| object
| bool>
| func
| object" }, "additionalInfo": { "sx": true } }, "TransitionComponent": { "type": { "name": "elementType" }, "default": "Grow", "deprecated": true, "deprecationInfo": "Use slots.transition instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "transitionDuration": { "type": { "name": "union", "description": "number
| { appear?: number, enter?: number, exit?: number }" }, "default": "{\n enter: theme.transitions.duration.enteringScreen,\n exit: theme.transitions.duration.leavingScreen,\n}" }, "TransitionProps": { "type": { "name": "object" }, "default": "{}", "deprecated": true, "deprecationInfo": "Use slotProps.transition instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." } }, "name": "Snackbar", "imports": [ "import Snackbar from '@mui/material/Snackbar';", "import { Snackbar } from '@mui/material';" ], "slots": [ { "name": "root", "description": "The component that renders the root slot.", "default": "'div'", "class": "MuiSnackbar-root" }, { "name": "content", "description": "The component that renders the content slot.", "default": "SnackbarContent", "class": null }, { "name": "clickAwayListener", "description": "The component that renders the clickAwayListener slot.", "default": "ClickAwayListener", "class": null }, { "name": "transition", "description": "The component that renders the transition.\n[Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.", "default": "Grow", "class": null } ], "classes": [ { "key": "anchorOriginBottomCenter", "className": "MuiSnackbar-anchorOriginBottomCenter", "description": "Styles applied to the root element if `anchorOrigin={{ 'bottom', 'center' }}`.", "isGlobal": false }, { "key": "anchorOriginBottomLeft", "className": "MuiSnackbar-anchorOriginBottomLeft", "description": "Styles applied to the root element if `anchorOrigin={{ 'bottom', 'left' }}`.", "isGlobal": false }, { "key": "anchorOriginBottomRight", "className": "MuiSnackbar-anchorOriginBottomRight", "description": "Styles applied to the root element if `anchorOrigin={{ 'bottom', 'right' }}`.", "isGlobal": false }, { "key": "anchorOriginTopCenter", "className": "MuiSnackbar-anchorOriginTopCenter", "description": "Styles applied to the root element if `anchorOrigin={{ 'top', 'center' }}`.", "isGlobal": false }, { "key": "anchorOriginTopLeft", "className": "MuiSnackbar-anchorOriginTopLeft", "description": "Styles applied to the root element if `anchorOrigin={{ 'top', 'left' }}`.", "isGlobal": false }, { "key": "anchorOriginTopRight", "className": "MuiSnackbar-anchorOriginTopRight", "description": "Styles applied to the root element if `anchorOrigin={{ 'top', 'right' }}`.", "isGlobal": false } ], "spread": true, "themeDefaultProps": true, "muiName": "MuiSnackbar", "forwardsRefTo": "HTMLDivElement", "filename": "/packages/mui-material/src/Snackbar/Snackbar.js", "inheritance": null, "demos": "", "cssComponent": false }