Stylabilla

2.42.4 #Components.tooltip.small Tooltip small

Tooltip element small. Always displayed on one line! Used for small descriptions or names. eg: emotions in mood rating.

Browser support: IE9+, Safari6.2+, Firefox30+, Chrome32+

Markup

<div class="sb-tooltip__container sb-text--center" aria-describedby="tooltip-4">
  <p>hover me</p>
  <div role="tooltip" id="tooltip-4" class="sb-tooltip sb-tooltip--s">
    <p>Fancy tooltip content.</p>
    <div class="sb-tooltip__arrow"></div>
  </div>
</div>

Source: components/_tooltip.scss, line 203