Toastr-Notify

Check Demo

https://toastr-notify.netlify.app/

Installation:

npm i toastr-notify@latest

Angular animations are required for this library. If you haven't already installed Angular animations, you can do so by running:

npm i @angular/animations

Setup

After installation, in your app module, you need to import MToastrModule. You can either import it directly or configure it according to your preferences.

MToastrModule

Or, if you want to configure it:

 MToastrModule.withConfig({
 
closeButton: true,
 
toastrTimeOut:5000, // set timeout be aware using milliseconds
 
fontFamily:"Arial", // set your desired font
 
fontSize:15, // set your desired size
 
progressBarAnimation:'increase', // or decrease
 
removeProgressBar:false,
 
removeButton:false,
 
removeBackgrounds:false,
 
position: "_top", // or _end
  
align_position:"_right" // or _left _center
 })),

How to use in components

Inject the ToastrNotifyService in your component's constructor:

 constructor(private toasterService: ToastrNotifyService)

To display messages, simply use one of the following methods:

 this.toasterService.showSuccess("place your message here");

Methods:

In your HTML file, place whenever you want inside component

  <m-notify></m-notify>

Support

If you encounter any difficulties during implementation or wish to collaborate, please contact us at www.mentormisini.com