ez-notifier v2.0.6
ez-notifier
Minimalistic design, simple, customizable, and easy-to-use notification library for your Angular 2+ application.
Installation
Run npm install ez-notifier
Code - app.module.ts
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { NotificationBarComponent } from './notification-bar/notification-bar.component'; import { NotifierModule, NotifierService } from 'ez-notifier' @NgModule({ declarations: AppComponent, NotificationBarComponent , imports: BrowserModule, NotifierModule , providers: NotifierService, bootstrap: AppComponent }) export class AppModule { }
Show notification at component.
import { Component, OnInit } from '@angular/core'; import { NotifierService } from'notifier' @Component({ selector: 'app-notification-bar', templateUrl: './notification-bar.component.html', styleUrls: './notification-bar.component.scss' }) export class NotificationBarComponent implements OnInit { myMessage = 'This is a simple text message from componenet..' constructor(private notifier: NotifierService) { } ngOnInit() { }
showNotification(){ this.notifier.show(this.myMessage, 'error'); } }
Configuration
Error: this.notifier.show(this.myMessage, 'error'); Warining: this.notifier.show(this.myMessage, 'warning'); Success: this.notifier.show(this.myMessage, 'success');