Changing the notification icon in angular component

Question

I have a notification plugin integrated in angular

Currently it shows different icons for error ,success ,warning so on...

How can i change that icon?

https://stackblitz.com/edit/angular2-notifications-example

Answer 1

You can simply configure the settings for angular2-notifications.

Sample code:

// In NgModule, where you're importing the module.
SimpleNotificationsModule.forRoot( {
      icons: {
        success: '<i class="icon-check-sign icon-3x"></i>',
        alert: '<i class="icon-exclamation icon-3x"></i>',
        error: '<i class="icon-bug icon-3x"></i>',
        info: '<i class="icon-info icon-3x"></i>',
        warn: '<i class="icon-warning-sign icon-3x"></i>'
      }
 })

Note: In this example, I'm using icon of FontAwesome 3.2.1

I've the changes the icons in stackblitz code.

Check out their docs for full info.