Angular : How to add Toastr in your angular project just in 15 minutes?

npm install ngx-toastr --save

npm install @angular/animations --save

/ regular style toast 
@import '~ngx-toastr/toastr';

// bootstrap style toast 
// or import a bootstrap 4 alert styled design (SASS ONLY) 
// should be after your bootstrap imports, it uses bs4 variables, mixins, functions 
@import '~ngx-toastr/toastr-bs4-alert';

// if you'd like to use it without importing all of bootstrap it requires 
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';
@import '~ngx-toastr/toastr-bs4-alert';

"styles": ["styles.scss", "node_modules/ngx-toastr/toastr.css" // try adding '../' if you're using angular cli before 6]

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { ToastrModule, ToastContainerModule } from 'ngx-toastr'; import { AppComponent } from './app.component'; 
@NgModule({
 declarations: [AppComponent], 
 imports: [
          BrowserModule, BrowserAnimationsModule, 
          ToastrModule.forRoot({ positionClass: 'inline' }), 
          ToastContainerModule
], 
 providers: [], 
 bootstrap: [AppComponent]
})

 export class AppModule {}

import { Component, OnInit, ViewChild } from '@angular/core'; import { ToastContainerDirective, ToastrService } from 'ngx-toastr'; 

@Component({ 
selector: 'app-root', 
template: ` <h1><a (click)="onClick()">Click</a></h1> <div toastContainer></div>`
})

export class AppComponent implements OnInit { 

@ViewChild(ToastContainerDirective, {static: true}) toastContainer: ToastContainerDirective; 

constructor(private toastrService: ToastrService) {} 

ngOnInit() { 
  this.toastrService.overlayContainer = this.toastContainer; 
} 

onClick() { 
  this.toastrService.success('in div'); 
 }
}

showToaster() { 
 this.toastr.success('Hello world!', 'Toastr fun!').onTap.pipe(take(1)).subscribe(() => this.toasterClickedHandler());
} 

toasterClickedHandler() { 
 console.log('Toastr clicked');
}