Angular Tippy

A directive for the tippy.js library

Installation

Install with NPM:

npm install ngx-tippy

Then, import the directive

import { TippyDirective } from 'ngx-tippy';

declarations: [
	...
	TippyDirective
	...
]

Important: Include the CSS from the tippy package

Usage

// Basic - This is the basic directive usage
<div tippy title="This is your tooltip"></div>

// With tippy options
<div id="my-tooltip-template" style="display: none">
    <p>This is my custom tooltip template</p>
</div>

<div tippy
	[tippyOptions]="{
	    html: '#my-tooptip-template',
	    ...
	}">
</div>

Options

tippyOptions

Type: Object Default: null

Pass all your tippy options here