ngx-tippy

1.0.3 • Public • Published

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

Package Sidebar

Install

npm i ngx-tippy

Weekly Downloads

10

Version

1.0.3

License

MIT

Unpacked Size

3.78 kB

Total Files

5

Last publish

Collaborators

  • danielcox