cuetip

Simple CSS-only tooltips!

GitHub Download

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 or generate a custom build. New!

install

Bower (Deprecated): bower install cuetip
Yarn (Recommended): yarn add cuetip
CDN via unpkg: unpkg.com/cuetip
Latest release

usage

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

demo