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