# Tooltip

The tooltip can display more detailed information about an element to clarify its use.

```html
<v-button v-tooltip="it does absolutely nothing">This is a button</v-button>
```

## Options

The tooltip is displayed at the bottom of an element by default.

| Option     | Description                                     |
| ---------- | ----------------------------------------------- |
| `left`     | Display the tooltip to the left of the element  |
| `right`    | Display the tooltip to the right of the element |
| `top`      | Display the tooltip on top of the element       |
| `bottom`   | Display the tooltip on bottom of the element    |
| `start`    | Places the tooltip at the start of the element  |
| `end`      | Places the tooltip at the end of the element    |
| `instant`  | Shows the tooltip instantly on hover            |
| `inverted` | Inverts all colors                              |
