Tooltips

Small, interactive, textual hints for mainly graphical elements.

Tooltip

Tooltips provide context information labels that appear on hover and focus.When using icons for actions you can use a tooltip to give people clarification on its function.Astral Tooltips component is built entirely in CSS.

Add the tooltip class and the data-content attribute, which contains the tooltip content, to non self closing elements.

And add the tooltipped-nw, tooltipped-n,tooltipped-ne,tooltipped-w, tooltipped-e,tooltipped-sw,tooltipped-sandtooltipped-se class to define the position of a tooltip.

  
    .tooltipped-nw
  
  
    .tooltipped-n
  
  
    .tooltipped-ne
  
  
    .tooltipped-sw
  
  
    .tooltipped-s
  
  
    .tooltipped-se