1.0.3 • Published 6 years ago
ngx-tippy v1.0.3
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