{ "componentDescription": "", "propDescriptions": { "arrow": { "description": "If true, adds an arrow to the tooltip." }, "children": { "description": "Tooltip reference element.", "requiresRef": true }, "classes": { "description": "Override or extend the styles applied to the component." }, "components": { "description": "The components used for each slot inside." }, "componentsProps": { "description": "The extra props for the slot components. You can override the existing props or add new ones." }, "describeChild": { "description": "Set to true if the title acts as an accessible description. By default the title acts as an accessible label for the child." }, "disableFocusListener": { "description": "Do not respond to focus-visible events." }, "disableHoverListener": { "description": "Do not respond to hover events." }, "disableInteractive": { "description": "Makes a tooltip not interactive, i.e. it will close when the user hovers over the tooltip before the leaveDelay is expired." }, "disableTouchListener": { "description": "Do not respond to long press touch events." }, "enterDelay": { "description": "The number of milliseconds to wait before showing the tooltip. This prop won't impact the enter touch delay (enterTouchDelay)." }, "enterNextDelay": { "description": "The number of milliseconds to wait before showing the tooltip when one was already recently opened." }, "enterTouchDelay": { "description": "The number of milliseconds a user must touch the element before showing the tooltip." }, "followCursor": { "description": "If true, the tooltip follow the cursor over the wrapped element." }, "id": { "description": "This prop is used to help implement the accessibility logic. If you don't provide this prop. It falls back to a randomly generated id." }, "leaveDelay": { "description": "The number of milliseconds to wait before hiding the tooltip. This prop won't impact the leave touch delay (leaveTouchDelay)." }, "leaveTouchDelay": { "description": "The number of milliseconds after the user stops touching an element before hiding the tooltip." }, "onClose": { "description": "Callback fired when the component requests to be closed.", "typeDescriptions": { "event": { "name": "event", "description": "The event source of the callback." } } }, "onOpen": { "description": "Callback fired when the component requests to be open.", "typeDescriptions": { "event": { "name": "event", "description": "The event source of the callback." } } }, "open": { "description": "If true, the component is shown." }, "placement": { "description": "Tooltip placement." }, "PopperComponent": { "description": "The component used for the popper." }, "PopperProps": { "description": "Props applied to the Popper element." }, "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." }, "title": { "description": "Tooltip title. Zero-length titles string, undefined, null and false are never displayed." }, "TransitionComponent": { "description": "The component used for the transition. Follow this guide to learn more about the requirements for this component." }, "TransitionProps": { "description": "Props applied to the transition element. By default, the element is based on this Transition component." } }, "classDescriptions": { "popperArrow": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the Popper component", "conditions": "arrow={true}" }, "popperClose": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the Popper component", "conditions": "the tooltip is open" }, "popperInteractive": { "description": "Styles applied to {{nodeName}} unless {{conditions}}.", "nodeName": "the Popper component", "conditions": "disableInteractive={true}" }, "tooltipArrow": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "arrow={true}" }, "tooltipPlacementBottom": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains "bottom"" }, "tooltipPlacementLeft": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains "left"" }, "tooltipPlacementRight": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains "right"" }, "tooltipPlacementTop": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "placement contains "top"" }, "touch": { "description": "Styles applied to {{nodeName}} if {{conditions}}.", "nodeName": "the tooltip (label wrapper) element", "conditions": "the tooltip is opened by touch" } }, "slotDescriptions": { "arrow": "The component used for the arrow.", "popper": "The component used for the popper.", "tooltip": "The component used for the tooltip.", "transition": "The component used for the transition. Follow this guide to learn more about the requirements for this component." } }