A jQuery plugin wrapper around Bootstrap 4 Alerts, to create fixed Alerts (also called Notifications) dynamically in JavaScript.
<script src="./node_modules/bootstrap-show-notification/src/bootstrap-show-notification.js"></script>
<script>
$("#button-show-simple").click(function () {
$.showNotification({body: "Hello Notification!"})
})
$("#button-show-info").click(function () {
$.showNotification({
body: "<h3>For your Info</h3>This notification has a title and a body and more text than the previous one.", type: "info"
})
})
$("#button-show-danger").click(function () {
$.showNotification({
body: "Danger!", type: "danger"
})
})
$("#button-show-sticky").click(function () {
$.showNotification({
body: "This notification will stay", type: "secondary", duration: 0 // set duration to `0` for sticky notifications
})
})
</script>