Delay

You can set a delay in milliseconds to wait before the tooltip is shown.

delay is 0 by default.

<Tooltip content="Hey there" delay={5}>
  Hover me 🙌
</Tooltip>

Playground

Play around with the library here

import {Tooltip} from 'react-tiny-tooltip'
export default function App() {
return (
<div style={{marginTop: 50, marginLeft: 50, display: "inline-block"}}>
<Tooltip delay={500} content="Hey there">
Hover me 🙌
</Tooltip>
</div>
)
}

← Previous

arrow

Next →

side