Lagden-tooltip NPM

Tooltip

A simple tooltip

AMD and ES6 via NPM

npm i -S lagden-tooltip

Only AMD via bower

bower install -S lagden-tooltip

There are three methods: show, hide and destroy.

Some options can be passed when initialize:

Option	Description	Default
attr	Specify from whence come the value	`'data-lagden-tip'`
content	Custom value	`false`
html	Escaping your value	`false`
css	The component stylesheet class name	`'theTooltip'`
place	Force the place where shown the tooltip. Possibles values: `auto`, `top` and `bottom`	`'auto'`
space	Add some space between target and tooltip	`15`
fixed	Avoid position error if the target is fixed or is within a fixed element	`false`

There are two ways:

var t = document.querySelector('#el');
var tooltip = new Tooltip(t, {content: 'Example!'});

var $t = $('#el');
$t.theTooltip({
  content: '<h3>Title</h3><p>Some pretty cool stuff!</p>',
  html: true
});

Take a look on stylus/tooltip.styl file.

See here. Example

8 years ago

9 years ago

9 years ago

9 years ago