# 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>