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