clew
v0.0.14
Published
An even more light-weight tooltip in pure css
Downloads
19
Readme
clew
An even more light-weight (1.2kb) tooltip in pure css, with animation.
Install
CDN: https://npmcdn.com/clew@latest
npm install clew
Are you using PostCSS? Then simple enough:
/* work with postcss-import */
@import "clew";
/* or the prefixed version */
@import "clew/dist/prefixed/clew.css";
Usage
Simply write like this in your HTML:
<button class="clew-$direction" data-clew="Tips To Show">
My Custom Button
</button>
Position your tooltip:
clew-top
clew-bottom
clew-left
clew-right
Enable animation:
clew-animation
License
MIT © EGOIST