Need help with tootik?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

eliortabeka
443 Stars 85 Forks MIT License 35 Commits 0 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 185,272
CSS
codepen
p5js
HTML
21 commits
# 60,583
css-tra...
angular...
scrollb...
angular...
1 commit

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.