Repository files navigation

An easy-to-use Angular (6+) component for displaying tooltips.

Here

Install it via NPM

npm install --save @gustafguner/angular-tooltip

Then import theAngularTooltipModule and add it toimports in yourAppModule.

import{BrowserModule}from'@angular/platform-browser';import{NgModule}from'@angular/core';import{AppComponent}from'./app.component';import{AngularTooltipModule}from'@gustafguner/angular-tooltip';@NgModule({declarations:[AppComponent],imports:[BrowserModule,AngularTooltipModule],providers:[],bootstrap:[AppComponent]})exportclassAppModule{}

In order to useangular-tooltip you only have to wrap the component<angular-tooltip> around the element that you want to attach a tooltip to. The following example demonstrates how to add a tooltip to an<a> element.

<angular-tooltiptooltip-text="I'm a tooltip"tooltip-direction="right"><ahref="">Hover me</a></angular-tooltip>

The attributetooltip-text controls the text content of the tooltip. The attributetooltip-direction controls in which direction the tooltip will appear.tooltip-direction can be set to eithertop,right,bottom orleft.