Skip to main content

Delays

Delay showing/hiding the ReactTooltip component.

Delay to hide tooltip

import { Tooltip } from 'react-tooltip';

<a
data-tooltip-id="tooltip-anchor-hide"
data-tooltip-content="It will take me 1000ms to close"
data-tooltip-delay-hide={1000}
>
◕‿‿◕
</a>
<Tooltip id="tooltip-anchor-hide" />
◕‿‿◕

Delay to show tooltip

import { Tooltip } from 'react-tooltip';

<a
data-tooltip-id="tooltip-anchor-show"
data-tooltip-content="It took me 1000ms to open"
data-tooltip-delay-show={1000}
>
◕‿‿◕
</a>
<Tooltip id="tooltip-anchor-show" />
◕‿‿◕