28 lines
527 B
Markdown
28 lines
527 B
Markdown
|
## 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>
|
||
|
|
```
|