cplx-alert

$ npm install cplx-alert
$ npm install font-awesome
$ npm install bootstrap

imports: [
     CplxAlertModule.forRoot()
]

providers: [CplxAlertService]

constructor(private _sms: CplxAlertService) { }
 
//[timout] default 5000
 
timeclose = 10000; // 10 seconds
 
 
/**
* @param tipo {1=success,2=danger,3=warning,4=info}
*/
go_alert(tipo) {
    this._sms.add({ tipo: tipo, mensaje: "Mensaje de prueba " +Math.random() })
}

<button (click)="go_alert(1)" class="btn btn-success mx-2">Alert success </button>
<button (click)="go_alert(2)" class="btn btn-danger mx-2">Alert danger </button>
<button (click)="go_alert(4)" class="btn btn-info mx-2">Alert info </button>
<button (click)="go_alert(3)" class="btn btn-warning mx-2">Alert warning </button>
 
<cplx-alert [timeout]="timeclose"></cplx-alert>