Tooltip
Shows the data-tooltip text when hovering over an element. It appears below by default, add left or right to change that.
| Class | Description |
|---|---|
tooltip | Shows the tooltip below the element |
tooltip.left | Shows it to the left |
tooltip.right | Shows it to the right |
<p style="padding: 1em; text-align: center">
<span class="tooltip" data-tooltip="Below">Hover me</span> ·
<span class="tooltip left" data-tooltip="On the left">Left</span> ·
<span class="tooltip right" data-tooltip="On the right">Right</span>
</p>