Metro UI CSS provides plugin to the ability to create tooltips for any elements. Positioned as a replacement attribute title. This method required plugin metro-hint.js
To create hint for element you must add data-hint
attribute to element.
Default position for hint - bottom on element.
To change hint position you can add attribute data-hint-position
to element with the following possible values: top
, bottom
, left
or right
.
<a href="#" data-hint="Title|This is a hint for Me" data-hint-position="top | bottom | left | right"> Hover me... </a>