## Tooltip

Hover this element to show the tooltip:

```html
<button data-tooltip="This is a great tooltip" class="tooltip-top">
  Hover for tooltip
</button>
```


### Positions

```html
<button data-tooltip="This is a great tooltip" class="tooltip-top">
  Top
</button>
<button data-tooltip="This is a great tooltip">
  Bottom (default)
</button>
<button data-tooltip="This is a great tooltip" class="tooltip-left">
  Left
</button>
<button data-tooltip="This is a great tooltip" class="tooltip-right">
  Right
</button>
```