https://roycekimmons.com/js/etb/toast.js

1function Toast(text, description = '', style = "bg-dark text-light", icon = 'bi-bell-fill', delay = 5000) {
2    if ($('#toast-container').length == 0) $('body').append($('<div id="toast-container" class="position-fixed bottom-0 end-0 mb-2 me-3 p-2 z-3"></div>'));
3    var tc = $('#toast-container').first();
4    var toast = $('<div class="toast mt-1" role="alert" aria-live="assertive" aria-atomic="true" data-bs-theme="dark"></div>');
5    var h = $('<div class="toast-header d-block ' + style + '"></div>');
6    $(h).append('<i class="'+icon+'"></i>');
7    $(h).append($('<strong class="ms-2">' + text + '</strong>'));
8    $(h).append($('<button type="button" class="btn-close float-end me-1" data-bs-dismiss="toast" aria-label="Close"></button>'));
9    $(toast).append(h);
10    $(toast).append('<div class="toast-body text-light">' + description + '</div>');
11    tc.append(toast);
12    new bootstrap.Toast(toast, { "delay": delay }).show();
13}