ngx-notification-bar

Angular notification bar component for Angular 2+ projects.

Usage no npm install needed!

<script type="module">
  import ngxNotificationBar from 'https://cdn.skypack.dev/ngx-notification-bar';
</script>

README

Description

Angular notification bar component for Angular 2+ projects.

This is a modified version from angular2-notification-bar project to work with all Angular 2+ versions.

The reason is why i created this project is the old project is not working with Angular 4.1.x+ and there is alot of modifications on this project to work with webpack 2.

Installation

npm install ngx-notification-bar --save

Usage

import { NotificationBarModule } from 'ngx-notification-bar'
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
    imports: [
      BrowserAnimationsModule, // optional for animations
      BrowserModule,
      NotificationBarModule
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {
}

<notification-bar></notification-bar>

import { NotificationBarService } from 'ngx-notification-bar';

constructor(private notificationBarService:NotificationBarService){}

this.notificationBarService.create({ message: 'USER_SAVED', type: NotificationType.Success});

Options

message: string;
type?: NotificationType;
autoHide?: boolean;
hideDelay?: number;
isHtml?: boolean;
allowClose?: boolean;
hideOnHover?: boolean

License

MIT