@angular-magic/ngx-toast NPM

ngx-toast

Demo: https://ngx-toast.angularmagic.com

This module contain Angular Toast/Notification functionality, which you can use instantly after installation, and then you can customize it.

Installation

npm

npm install @angular-magic/ngx-toast

Integration

Import NgxToastModule into your application module

import { NgxToastModule } from "@angular-magic/ngx-toast";

@NgModule({
  imports: [
    NgxToastModule,
    BrowserModule,
    FormsModule,
    ...],
  ....
})

Add toast center in your app component

<ngx-toast-center></ngx-toast-center>

Now you can inject NgxToastService and use standard types of notification (success, error, warning & info) or use open method to create your custom notification.

import { NgxToastService } from "@angular-magic/toast.service";

constructor(
  private ngxToastService: NgxToastService
) {
    this.ngxToastService.success({title: 'Success', messages: ['User successfully updated!']})
}