{
"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
}