bs5dialog is a library for creating Bootstrap 5 dialogs. It provides a set of components for creating alerts, prompts, confirms, messages, toasts, tabs, loadings, and offcanvas dialogs.
Here is a simple demo page, which will be completed later
✨ Demo
To install bs5dialog, run the following command:
npm install @ymlluo/bs5dialog
Skip the download with jsDelivr to deliver cached version of bs5dialog's compiled CSS and JS to your project.
<link href="https://cdn.jsdelivr.net/gh/ymlluo/bs5dialog@master/dist/bs5dialog.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/gh/ymlluo/bs5dialog@master/dist/bs5dialog.js" crossorigin="anonymous"></script>Displays an alert modal with the given content and options.
Displays a confirmation modal with the given content and options.
Displays a prompt dialog with customizable options.
Displays a message with customizable options
Creates a loading element and appends it to the target element.
Tips:You can also use the function alias
showLoading
Displays a toast message with customizable options.
Creates an offcanvas element with the given content and options.
Loads content or remote page into a Bootstrap 5 modal dialog with customizable options.supports default dragging, zooming, and maximizing of the modal window.
bs5dialog includes internationalization support through the i18n module. To use it, import the desired language file:
import { i18n } from 'bs5dialog';
Then, set the language using the setLanguage function:
bs5dialog.i18n.setCurrentLang("zh")
A lot of inspiration and styling comes from these great libraries, big thanks to them
This project is licensed under the MIT License - see the LICENSE.md file for details