NgTippy

NgTippy is an Angular 6+ wrapper directive for Tippy.js

Installation

``
npm i ng-tippy
`

Usage

Import in app.module.ts

`javascript
...
import { TippyModule } from 'ng-tippy';
...

imports: [ TippyModule ]
`

Basic

`html
show on mouseover or hoverover
`

With options

`html

show on mouseover or hoverover

`

With custom template

`html



show on mouseover or hoverover

`

Using the Tippy service

`javascript
...
import { TippyService } from 'ng-tippy';
...
constructor(private tippyService: TippyService) { }

ngOnInit(): void {
setTimeout(() => {
// provide the name of the tippy that you have defined in your template
this.tippyService.hideTippy('tippy');
}, 5000);
}
`
The template example

`html


``