Marsh-tooltip
This package is built on top of Javascript Angular 5/6 Framework.
Features
* Easy Integration.
* No jquery.
* Different Options for modal.
Installation
This library is available on npm, install it with: npm install --save marsh-tooltip.
Usage
- After NPM installation import AngularModalModule in app module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {TooltipModule} from './tooltip/tooltip.module';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
TooltipModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }- Add modal tag in html
<button class="button" [dataTooltip] ="toolTipId">Hover On me</button>
<au-tooltip #toolTipId position ="bottom">
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores provident nam officia illo inventore, quis fuga necessitatibus mollitia odio perspiciatis dolore adipisci pariatur accusantium eum sit ipsam? Porro, veniam nostrum!</div>
</au-tooltip>- Properties
| Name | Type | Default Value | Required | Options |
|---|---|---|---|---|
| position | string | zoomIn | yes | zoomIn,zoomOut,left,right,top,bottom |