clark-tooltip v0.1.1

clark-tooltip

Basic tooltip directive to be used in CLARK system.

Installation

To install this library, run:

$ npm install clark-tooltip --save

Using

From your Angular AppModule:

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

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

// Import module
import { TooltipModule } from 'clark-tooltip';

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

    // Specify as an import
    TooltipModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

These are all the directive options below:

<!-- You can now use in any component like so -->
<h1>
  Welcome to <span tip="This is the name of my site" tipLocation="above">{{strangeTitle}}</span>!
</h1>

<p tip="It will all make sense soon">Confusing paragraph</p>

<button tip="Click me!" tipLocation="side">Mysterious Button</button>

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

License

MIT © Tyler Howard