How can I customize the Angular toast notifications?

How can I customize the Angular toast notifications?

You can customize Angular toast notifications by modifying the options in the toast service. What specific customization do you have in mind?

I want to change the background color and add an icon.

To change the background color, you can use CSS styles. For adding an icon, you can include an image tag or use a font icon within the toast template.

Can you show me an example of the code?

Sure! Here's a simple example:

this.toastr.success('Message content', 'Title', {
  timeOut: 3000,
  progressBar: true,
  toastClass: 'custom-toast',
});

And in your CSS:

.custom-toast {
  background-color: #ffcc00;
}