Tooltips

A Sass module for tooltips used in RightScale apps

Source
Version
Updated
5/3/2018

Install

npm install designkit-tooltips --save

Examples

Basic Usage

Add tooltips to nearly any html element with these CSS classes.

  • tooltipped-n
  • tooltipped-ne
  • tooltipped-e
  • tooltipped-se
  • tooltipped-s
  • tooltipped-sw
  • tooltipped-w
  • tooltipped-nw

HTML

<span class="tooltipped tooltipped-n" aria-label="This is the tooltip from the north">Tooltip North</span>
<span class="tooltipped tooltipped-s" aria-label="This is the tooltip from the south">Tooltip South</span>

CSS