0.0.3 • Published 6 years ago

marsh-tooltip v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
6 years ago

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

  1. 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 { }
  1. 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>
  1. Properties
NameTypeDefault ValueRequiredOptions
positionstringzoomInyeszoomIn,zoomOut,left,right,top,bottom