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

1. Import NgxToastModule into your application module

1import { NgxToastModule } from "@angular-magic/ngx-toast";
2
3@NgModule({
4  imports: [
5    NgxToastModule,
6    BrowserModule,
7    FormsModule,
8    ...],
9  ....
10})

2. Add toast center in your app component

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

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

1import { NgxToastService } from "@angular-magic/toast.service";
2
3constructor(
4  private ngxToastService: NgxToastService
5) {
6    this.ngxToastService.success({title: 'Success', messages: ['User successfully updated!']})
7}

GitHub

Please feel free to declare issues or contribute: https://github.com/angular-magic/ngx-toast