arrow | | false | If true, adds an arrow to the tooltip. |
children | element | | Tooltip reference element. |
classes | object | | Override or extend the styles applied to the component. See CSS API below for more details. |
disableFocusListener | bool | false | Do not respond to focus events. |
disableHoverListener | bool | false | Do not respond to hover events. |
disableTouchListener | bool | false | Do not respond to long press touch events. |
enterDelay | number | 100 | The number of milliseconds to wait before showing the tooltip. This prop won't impact the enter touch delay (enterTouchDelay). |
enterNextDelay | number | 0 | The number of milliseconds to wait before showing the tooltip when one was already recently opened. |
enterTouchDelay | number | 700 | The number of milliseconds a user must touch the element before showing the tooltip. |
id | string | | 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. |
interactive | bool | false | Makes a tooltip interactive, i.e. will not close when the user hovers over the tooltip before the leaveDelay is expired. |
leaveDelay | number | 0 | The number of milliseconds to wait before hiding the tooltip. This prop won't impact the leave touch delay (leaveTouchDelay). |
leaveTouchDelay | number | 1500 | The number of milliseconds after the user stops touching an element before hiding the tooltip. |
onClose | func | | Callback fired when the component requests to be closed.
Signature:
function(event: object) => void
event: The event source of the callback. |
onOpen | func | | Callback fired when the component requests to be open.
Signature:
function(event: object) => void
event: The event source of the callback. |
open | bool | | If true, the tooltip is shown. |
placement | 'bottom-end'
| 'bottom-start'
| 'bottom'
| 'left-end'
| 'left-start'
| 'right-end'
| 'right-start'
| 'top-end'
| 'top-start'
| 'top' | bottom | Tooltip placement. |
PopperComponent | elementType | Popper | Props applied to the Popper element. |
PopperProps | object | | Callback fired when the component requests to be closed.
Signature:
function(event: object) => void
event: The event source of the callback. |
title | node | | Tooltip title. Zero-length titles string are never displayed. |
TransitionComponent | elementType | Grow | The component used for the transition. |
TransitionProps | object | | Props applied to the Transition element. |