A basic Bootstrap5 vanilla JavaScript Notification object.
Import the notification using a standard JavaScript import as shown below. Additionally, add the CSS file source into your existing stylesheets or import it as a separate stylesheet reference in your HTML.
import BSNotification from "./path/to/BSNotification.js";An example of displaying one:
const notification = new BSNotification();
notification.setType(BSNotification.TYPES.SUCCESS);
notification.setContent("Module saved successfully.");
notification.setShowTime(1500);
notification.show();Methods and properties of the BSNotification object are documented below
BSNotification.TYPES - An object with keys: INFO, ALERT, SUCCESS, ERROR. Used to set the style type of the notification.
BSNotification.notificationContainer - An HTMLDivElement that houses all the notifications.
alertType - The style type of alert
showTime - The millisecond time until the alert disappears after being shown
bsAlert - The Bootstrap Alert object for this notification
dom - The HTMLDivElement this object uses in the DOM when rendered
content - The textual or HTML content to display in the notification's alert box
setType(int notifType) - Sets the style type of the Notification
setContent(string content) - Sets the textual or HTML content for the Notification
setShowTime(int milliseconds) - Sets the millisecond show time to display the Notification
show() - Renders the Notification object
