{ "props": { "ariaLabel": { "type": { "name": "string" }, "required": true }, "children": { "type": { "name": "node" } }, "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } }, "direction": { "type": { "name": "enum", "description": "'down'
| 'left'
| 'right'
| 'up'" }, "default": "'up'" }, "FabProps": { "type": { "name": "object" }, "default": "{}" }, "hidden": { "type": { "name": "bool" }, "default": "false" }, "icon": { "type": { "name": "node" } }, "onClose": { "type": { "name": "func" }, "signature": { "type": "function(event: object, reason: string) => void", "describedArgs": ["event", "reason"] } }, "onOpen": { "type": { "name": "func" }, "signature": { "type": "function(event: object, reason: string) => void", "describedArgs": ["event", "reason"] } }, "open": { "type": { "name": "bool" } }, "openIcon": { "type": { "name": "node" } }, "slotProps": { "type": { "name": "shape", "description": "{ root?: func
| object, transition?: func
| object }" }, "default": "{}" }, "slots": { "type": { "name": "shape", "description": "{ root?: elementType, transition?: elementType }" }, "default": "{}" }, "sx": { "type": { "name": "union", "description": "Array<func
| object
| bool>
| func
| object" }, "additionalInfo": { "sx": true } }, "TransitionComponent": { "type": { "name": "elementType" }, "default": "Zoom\n* @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)", "deprecated": true, "deprecationInfo": "Use slots.transition instead. This prop will be removed in a future major release. How to migrate" }, "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" }, "deprecated": true, "deprecationInfo": "Use slotProps.transition instead. This prop will be removed in a future major release. How to migrate" } }, "name": "SpeedDial", "imports": [ "import SpeedDial from '@mui/material/SpeedDial';", "import { SpeedDial } from '@mui/material';" ], "slots": [ { "name": "root", "description": "The component that renders the root slot.", "default": "'div'", "class": "MuiSpeedDial-root" }, { "name": "transition", "description": "The component that renders the transition.\n[Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.", "default": "Zoom", "class": null } ], "classes": [ { "key": "actions", "className": "MuiSpeedDial-actions", "description": "Styles applied to the actions (`children` wrapper) element.", "isGlobal": false }, { "key": "actionsClosed", "className": "MuiSpeedDial-actionsClosed", "description": "Styles applied to the actions (`children` wrapper) element if `open={false}`.", "isGlobal": false }, { "key": "directionDown", "className": "MuiSpeedDial-directionDown", "description": "Styles applied to the root element if direction=\"down\"", "isGlobal": false }, { "key": "directionLeft", "className": "MuiSpeedDial-directionLeft", "description": "Styles applied to the root element if direction=\"left\"", "isGlobal": false }, { "key": "directionRight", "className": "MuiSpeedDial-directionRight", "description": "Styles applied to the root element if direction=\"right\"", "isGlobal": false }, { "key": "directionUp", "className": "MuiSpeedDial-directionUp", "description": "Styles applied to the root element if direction=\"up\"", "isGlobal": false }, { "key": "fab", "className": "MuiSpeedDial-fab", "description": "Styles applied to the Fab component.", "isGlobal": false } ], "spread": true, "themeDefaultProps": true, "muiName": "MuiSpeedDial", "forwardsRefTo": "HTMLDivElement", "filename": "/packages/mui-material/src/SpeedDial/SpeedDial.js", "inheritance": null, "demos": "", "cssComponent": false }