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>