Angular2 Tippy

A directive for the tippy.js library

Installation

Install with NPM:

npm install angular2-tippy

Then, import the directive

import { TippyDirective } from 'angular2-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