vanilla-js-tooltip icon indicating copy to clipboard operation
vanilla-js-tooltip copied to clipboard

verified publisher icon zoltantothcom
→

Metadata

Vanilla Javascript tooltip. Accepts plain text and fancy HTML.

Vanilla Javascript tooltip.

Vanilla Javascript tooltip. Accepts plain text and fancy HTML.

Demo

http://zoltantothcom.github.io/vanilla-js-tooltip

Settings

Option Type Default Description
theme string dark Selects one of the pre-defined tooltip styles - light or dark.
dist number 10 Specifies the distance in pixels from trigger to tooltip.
delay number 0 Specifies how long the tooltip remains visible after the mouse leaves the trigger.

Example

HTML:

Lorem <span data-tooltip="<img src='//lorempixel.com/150/100/' />" data-position="right top">ipsum</span> dolor sit amet.

Javascript:

var tooltip = new Tooltip({
    theme: "dark",
    delay: 750
});

Browser support and dependencies

Browser Support Dependencies
Chrome yes -
Firefox yes -
Safari yes -
Opera yes -
IE yes* -

* IE9 and up

License

Free. Unlicense.

← Metadata

26
Stars
6
Forks
Watchers

Owner

verified publisher icon zoltantothcom

Metadata

Vanilla Javascript tooltip. Accepts plain text and fancy HTML.

Back