How can I customize ngx-toastr notifications in my Angular app?

How can I customize ngx-toastr notifications in my Angular app?

You can customize ngx-toastr by modifying its options in the ToastrModule configuration. What specific customization do you have in mind?

I want to change the position and the duration of the notifications.

You can set the position by using the 'positionClass' option and the duration with the 'timeOut' option. For example:

ToastrModule.forRoot({
  positionClass: 'toast-top-right',
  timeOut: 5000,
});

Can I add custom styles to the notifications?

Yes, you can add custom styles by overriding the default CSS classes. You can create your own styles in your global styles.css file.

What about adding icons to the notifications?

You can use the 'iconClasses' option to specify custom icons for different types of notifications. Just define your icon classes in your CSS.