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