Tootik

A pure CSS/SCSS/LESS Tooltip library. Super easy to use, No JavaScript required.

Tooltip Generator:

https://eliortabeka.github.io/tootik/

Demo

https://eliortabeka.github.io/tootik/

Installation

CDN:

https://unpkg.com/[email protected]/css/tootik.min.css

Using npm:

npm install tootik

Using bower:

bower install tootik

Manually: Download

tootik.min.css

html

Define a data-tootik attribute in your element and let the magic happens.

...

Additionally, you can define a data-tootik-conf attribute to either change position or use a feature.

...

Positioning

Top
Right
Bottom
Left

Types

invert
success
info
warning
danger

Features

shadow
delay
multiline
no-fading
no-arrow
square

Credit

Handcrafted with love by Elior Shalev Tabeka

LESS syntax by Elena Torro