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');