tooltip.js

Install

npm i tooltip.js

yarn add tooltip.js

pnpm add tooltip.js

A kickass library to create tooltips, based on Popper.js

class Tooltip {}

constructor(reference: HTMLElement, options: Options);

dispose: () => void;

hide: () => void;

show: () => void;

toggle: () => void;

updateTitleContent: (title: string | HTMLElement) => void;

interface Options {}

arrowSelector?: string;

boundariesElement?: Boundary | HTMLElement;

closeOnClickOutside?: boolean;

container?: HTMLElement | string;

delay?: number | Delay;

html?: boolean;

innerSelector?: string;

offset?: number | string;

placement?: Placement;

popperOptions?: PopperOptions;

template?: string;

title?: string | HTMLElement | TitleFunction;

trigger?: string;

available options are click, hover, focus, manual required to form a space delimited string e.g. 'hover focus'

type Delay = Record<'show' | 'hide', number>;

type TitleFunction = () => string;

No peer dependencies.

To add a badge like this oneto your package's README, use the codes available below.

You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/tooltip.js.

Markdown

[![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/tooltip.js)

HTML

<a href="https://www.jsdocs.io/package/tooltip.js"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>