cuetip

Simple CSS-only tooltips!

tl;dr

cuetip is a simple pure-CSS tooltip component designed to be dropped into your project.

If desired, you can configure it with Sass variables. Checkout the README for more details.

install

usage

  1. Start with your element that needs a tooltip: <span>Lorem ipsum</span>
  2. Add the [data-tooltip] attribute: <span data-tooltip="I'm a tooltip!">Lorem ipsum</span>
  3. Add any position classes if necessary: <span class="tooltip--bottom" data-tooltip="I'm a tooltip!">Lorem ipsum</span>

demo

Hover me!