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" />