{ "componentDescription": "", "propDescriptions": { "ariaLabel": { "description": "The aria-label of the button element. Also used to provide the id for the SpeedDial element and its children." }, "children": { "description": "SpeedDialActions to display when the SpeedDial is open." }, "classes": { "description": "Override or extend the styles applied to the component." }, "direction": { "description": "The direction the actions open relative to the floating action button." }, "FabProps": { "description": "Props applied to the Fab element." }, "hidden": { "description": "If true, the SpeedDial is hidden." }, "icon": { "description": "The icon to display in the SpeedDial Fab. The SpeedDialIcon component provides a default Icon with animation." }, "onClose": { "description": "Callback fired when the component requests to be closed.", "typeDescriptions": { "event": { "name": "event", "description": "The event source of the callback." }, "reason": { "name": "reason", "description": "Can be: "toggle", "blur", "mouseLeave", "escapeKeyDown"." } } }, "onOpen": { "description": "Callback fired when the component requests to be open.", "typeDescriptions": { "event": { "name": "event", "description": "The event source of the callback." }, "reason": { "name": "reason", "description": "Can be: "toggle", "focus", "mouseEnter"." } } }, "open": { "description": "If true, the component is shown." }, "openIcon": { "description": "The icon to display in the SpeedDial Fab when the SpeedDial is open." }, "slotProps": { "description": "The props used for each slot inside." }, "slots": { "description": "The components used for each slot inside." }, "sx": { "description": "The system prop that allows defining system overrides as well as additional CSS styles." }, "TransitionComponent": { "description": "The component used for the transition. Follow this guide to learn more about the requirements for this component." }, "transitionDuration": { "description": "The duration for the transition, in milliseconds. You may specify a single timeout for all transitions, or individually with an object." }, "TransitionProps": { "description": "Props applied to the transition element. By default, the element is based on this Transition component." } }, "classDescriptions": { "actions": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the actions (children wrapper) element" }, "actionsClosed": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the actions (children wrapper) element", "conditions": "open={false}" }, "directionDown": { "description": "Styles applied to the root element if direction="down"" }, "directionLeft": { "description": "Styles applied to the root element if direction="left"" }, "directionRight": { "description": "Styles applied to the root element if direction="right"" }, "directionUp": { "description": "Styles applied to the root element if direction="up"" }, "fab": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the Fab component" } }, "slotDescriptions": { "root": "The component that renders the root slot.", "transition": "The component that renders the transition. Follow this guide to learn more about the requirements for this component." } }