Tooltip

Text labels that appear when a user hovers over, focuses on or touches an element.

[data-tooltip]

<button data-tooltip="Some tooltip">
  ...
</button>

[data-tooltip-pos]

<button data-tooltip="..." data-tooltip-pos="down">...</button>
<button data-tooltip="..." data-tooltip-pos="down-left">...</button>
<button data-tooltip="..." data-tooltip-pos="down-right">...</button>
...