fx.tooltip.js

A tooltip library for javascript

Usage no npm install needed!

<script type="module">
  import fxTooltipJs from 'https://cdn.skypack.dev/fx.tooltip.js';
</script>

README

fxToolTip.js

npm version npm bundle size npm GitHub last commit GitHub top language NPM jest

Installation

npm install fx.tooltip.js --save

-or-

npm install -g fx.tooltip.js  //install globally

Overview

fxToolTip is a small, simple library designed to show tooltips on hover over any DOM element. It uses a combination of JavaScript and CSS styles to provide flexibility and ease of implementation. It has no dependencies and should work on any modern browser (i.e., not Internet Explorer 8.0 and earlier).

fxToolTip will automatically size and position tootips (default behavior) to ensure they are displayed in the viewport. Tooltips can be positioned relative to their target DOM element (default behavior) or track the cursor.

Tooltips can be styled in a wide variety of ways, and can contain any valid HTML (text, tables, images, svg, etc.).

fxToolTip supports method chaining and integrates seamlessly with d3.js.

Demonstrations:

API Documentation

See the API documentation for usage.