tootik

by eliortabeka

eliortabeka / tootik

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

439 Stars 85 Forks Last release: Not found MIT License 35 Commits 1 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Tootik

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

Tooltip Generator:

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

tootik playground

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
from this repo or from demo site and add it to your HTML. e.g.
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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.