Version:

Install ​

shell
npm i @mate-react/tooltip

Import ​

tsx
import { MateTooltip } from '@mate-react/tooltip';

Variants ​

Default ​

tsx
<MateButton id="tooltip-target">Hover me</MateButton>
<MateTooltip for="tooltip-target">Tooltip text</MateTooltip>

With Position ​

tsx
<MateButton id="tooltip-top">Top</MateButton>
<MateTooltip for="tooltip-top" position="top">Tooltip on top</MateTooltip>