ngx-better-tooltip
TypeScript icon, indicating that this package has built-in type declarations

0.1.13 • Public • Published

ngx-better-tooltip

Installation

To install this library, run:

$ npm install ngx-better-tooltip --save

Usage

There are three directuves you must use toottip-wrapper, toottip-target, and toottip-content. See below

From your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

// Import your library
import { SampleModule } from 'ngx-better-tooltip';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,

    TooltipModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
<tooltip-wrapper direction="right">
  <tooltip-content>
    Bye
  </tooltip-content>
  <tooltip-target>
    Hi
  </tooltip-target>
</tooltip-wrapper>

demo

All available options are:

  • color: background color
  • display: css diplay mode of the host, defaults to inline-block
  • direction: defaults to top
  • toggle: weather of not the tooltip is toggled on click or on mouseover

License

MIT © Daniel Whitney

Readme

Keywords

Package Sidebar

Install

npm i ngx-better-tooltip

Weekly Downloads

0

Version

0.1.13

License

MIT

Unpacked Size

25.1 kB

Total Files

8

Last publish

Collaborators

  • tiedye