tooltip

Creates a tooltip on a dark gray translucent background with absolute positioning.

It is possible to write text in the initiator data-m-text attribute.

There are 4 tooltip directions and 4 corresponding values for the data-m-action attribute: (top | right | bottom | left).

A typical tooltip event is hover, otherwise you will need to specify data-m-event="click".

And one more moment: the tooltip is placed inside the initiator for a nice absolute positioning, so don't be surprised why the module doesn't work with elements inside which a child element cannot be added.

• 
  

  
  

  
  

       Tooltip top (by click), Tooltip right, Tooltip bottom, Tooltip left

  
  

  
  

  
  

• <a data-m-event="click" data-m-action="tooltip" data-m-text="Tooltip right. Lorem ipsum dolor sit amet" data-m-direction="top">Tooltip top (by click)</a>,
  <a data-m-action="tooltip" data-m-text="Tooltip right. Lorem ipsum dolor sit amet" data-m-direction="right">Tooltip right</a>,
  <a data-m-action="tooltip" data-m-text="Tooltip bottom. Lorem ipsum dolor sit amet" data-m-direction="bottom">Tooltip bottom</a>,
  <a data-m-action="tooltip" data-m-text="Tooltip left. Lorem ipsum dolor sit amet" data-m-direction="left">Tooltip left</a>