tooled v0.1.4

tooled

A lightweight CSS tooltip component.

Usage

Install the package using Bower.

bower install tooled

Import tooled.min.css, or tooled.scss, into your project.

@import "path/to/css/tooled.min.css";

@import "path/to/scss/tooled.scss";

Use the component in your project with the following markup.

<span class="tooled tooled-top" data-tooled="Hello world"></span>

Options

Position

Required

Set the position of the tooltip.

top, right, bottom, left

<span class="tooled tooled-right" data-tooled="Tooltip to the right of your element"></span>

Size

Set the size of the tooltip. Default value is medium.

small, medium, large

<span class="tooled tooled-large" data-tooled="A large tooltip"></span>

Theme

Choose the tooltip theme. Default value is dark.

dark, light

<span class="tooled tooled-light" data-tooled="A light tooltip"></span>

Always visible

The tooltip can be made so it is always visible.

<span class="tooled tooled-always" data-tooled="Always present tooltip"></span>

Animate

Have the tooltip animate in on hover. Default value is true.

<span class="tooled tooled-animate" data-tooled="Animate the tooltip on hover"></span>