jquery-toast by Kamran Ahmed
https://www.npmjs.com/package/jquery-toast-plugin
https://kamranahmed.info/toast
// steps to follow before installing jquery toast plugin
1) npm install jquery-toast-plugin
// after running the above command include the css file location and js file location in the angular.json file.
2)"styles": [
"node_modules/jquery-toast-plugin/dist/jquery.toast.min.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss"
],
3) "scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/jquery-toast-plugin/dist/jquery.toast.min.js"
]
// now you are ready to write the code in your ts file to show notification.
//place this in a button click listner to show belo toast.
// this is the default toast check the repo for customizing it.
$.toast('Toast message to be shown');