Show Success, Error, Info, and Warning Notifications Plugin

Notification library shows success, error, info, and warning notifications on the Angular 4+ app.

angular notification example, angular push notification, angular notification npm, angular material notification, push notification angular

How to make use of it:

Installation:

npm install --save @cloukit/notification

yarn add @cloukit/notification

1. You need to define cloukit-dropout-outlet and cloukit-media-outlet-loader in your main Bootstrap Component template like so.

<cloukit-dropout-outlet></cloukit-dropout-outlet>
<cloukit-notification-outlet-loader
  theme="notification"
  placement="bottomLeft"
  offsetX="80"
  offsetY="0"
></cloukit-notification-outlet-loader>

2. Then import the required modules into your main module.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// (1) Package Imports
import { CloukitThemeModule } from '@cloukit/theme';
import { CloukitDropoutModule } from '@cloukit/dropout';
import { CloukitNotificationModule } from '@cloukit/notification';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    CommonModule,
    // (2) Register Imports
    CloukitThemeModule,
    CloukitDropoutModule,
    CloukitNotificationModule,    
  ],
  providers: [ ],
  bootstrap: [ AppComponent ],
})
// ....

angular notification library Plugin/Github