Side

You can set a side in which the tooltip will appear. It can be one of the values - "top" | "bottom" | "left" | "right"

By default, the tooltip will appear at "bottom" and change automatically to avoid collsions.

<Tooltip content="Hey there" side="top">
  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 side="top" content="Hey there">
Hover me 🙌
</Tooltip>
</div>
)
}