2.42.2 #Components.tooltip.left Tooltip left

Toggle example guides Toggle HTML markup

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

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

hover me

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