Simple toast library for Angular 2+ with Bootstrap 4. See [this demo](https://bootstrap-toast-example.web.app/) and try options.
npm install bootstrap-toastSimple toast library for Angular 2+ with Bootstrap 4. See this demo and try options.
Must be install the following npm packages:
1. bootstrap
npm install --save bootstrap-toast
Import bootstrap-toast module your ngModule.
Paste the following code the end of the app.component.html file:
``html`
The config parameter is optional but if you want to modify default config, you use the following format:
`json`
{
"position": "top-right", // or top-left, bottom-left, bottom-right
"autoclose": true, // true or false
"delay": 3 // seconds
}
The following example shows how to create a toast notification programatically. The function returns Subject instance. If the notification has one or more buttons, you can subscribe this instance to catch button actions.
`typescript``
this.toast.create( {
"title": "Message",
"message": "This is Sparta!",
"buttons": [
{
"label": "OK",
"action": "ok",
"class": "btn-primary"
},
{
"label": "Cancel",
"action": "cancel",
"class": "btn-light"
}
]
} ).subscribe(action => { ... })
Thats all.