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

import { NgCdkTooltipModule }  from 'ng-cdk-tooltip';

@Component({
  selector: 'app',
  template: `
  <br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><button [ngCdkTooltipTriggerFor]="tooltipRef"
  ngCdkTooltipPosition="right"
  ngCdkTooltipTrigger="click">Hover
</button>
<br>
<br>
<br>
<ng-cdk-tooltip #tooltipRef>
Trigger on right
</ng-cdk-tooltip>`
})
class AppComponent {}

@NgModule({
  bootstrap: [ AppComponent ],
  declarations: [ AppComponent ],
  imports: [ BrowserModule, NgCdkTooltipModule ]
})
class AppModule {}

platformBrowserDynamic().bootstrapModule(AppModule);