2.42.3 #Components.tooltip.right Tooltip right

Toggle example guides Toggle HTML markup

Tooltip element positioned to the right of its parent. Used when there's not enough space on the right for the tooltip to overflow when centered.

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

hover me

Markup 
<div class="sb-tooltip__container sb-text--right" aria-describedby="tooltip-3">
  <p>hover me</p>
  <div role="tooltip" id="tooltip-3" class="sb-tooltip sb-tooltip--right">
    <p>Fancy tooltip content.</p>
    <div class="sb-tooltip__arrow"></div>
  </div>
</div>
Source: components/_tooltip.scss, line 184