## bootstrap-modal-js Currently supports bootstrap v5.1.2 Bootstrap 5 components "Modal" Currently relying on Bootstrap v5, because it is a function package of Bootstrap modal. Supports arbitrary calls of 9 parameters, supports callback functions based on modal events. --- If it helps you, please **star** this repository --- ## Demo https://ZhangChengLin.github.io/bootstrap-modal-js/demo.html ---

GitHub Stars GitHub Issues GitHub Release GitHub License

NPM package info NPM package down info

NPM Version npm download number npm download number npm download number npm download number npm License

taonpm version taonpm download number

cnpm version cnpm download number

jsDelivr jsDelivr hits (npm) day jsDelivr hits (npm) week jsDelivr hits (npm) month jsDelivr hits (npm) year

UNPKG minified size

--- ## Table of Contents | | | :---------------------------------------------- | | [How to use it](#how-to-use-it) | | [How to install](#how-to-install) | | [CDN](#cdn) | | [Parameter Description](#parameter-description) | | [Donate](#donate) | | [License](#license) | ## How to use it ``` text ``` OR ``` text ``` OR MORE ## How to install ``` npm i bootstrap-modal-js --save ``` OR ``` cnpm i bootstrap-modal-js --save ``` ## CDN - **jsDelivr** ``` ``` OR ``` ``` - **UNPKG** View all versions ``` https://unpkg.com/bootstrap-modal-js/ ``` After the browser parses, get the latest version address ``` https://unpkg.com/bootstrap-modal-js ``` ## Parameter Description ``` bootstrapModalJs(title, body, footer, ModalSizes, VerticallyCentered, LongContentType, EventType, CallbackFunction, Options) ``` **Return Values** | type | such as | Description | | :----: | :------------:| :-------------------:| | String | 1552756356601 | modal element number | --- - **title** Type: String \| Function \| Function HTMLElement Default value: undefined Description: If you want to add a child element to the '.modal-header' element, use the Function HTMLElement. 说明： 如果要向 ".modal-header" 元素添加子元素，请使用 Function HTMLElement。 --- - **body** Type: String \| Function \| Function HTMLElement Default value: undefined Description: --- - **footer** Type: String \| Function \| Function HTMLElement Default value: undefined Description: --- - **ModalSizes** Type: String Default value: undefined Description: | parameter| | :-------:| | sm | | lg | | xl | | full | | full-sm | | full-md | | full-lg | | full-xl | | full-xxl | --- - **VerticallyCentered** Type: Boolean Default value: false Description: | parameter| | :-------:| | true | | false | --- - **LongContentType** Type: Boolean Default value: false Description: | parameter| | :-------:| | true | | false | --- - **EventType** Type: String Default value: undefined Description: | parameter| | :-------:| | show | | shown | | hide | | hidden | --- - **CallbackFunction** Type: Function Default value: undefined Description: --- - **Options** Type: Object Default value: Description: Bootstrap Modal options | parameter | default value (boolean) | other | | :-------: | :---------------------: | :-------------------: | | backdrop | true | false | "static" | | keyboard | true | false | | focus | true | false | | show | true | false | --- ## Donate | Method (priority) | type | | :---------------- | :-------------------------------------------------------------: | | alipay （支付宝） | [QR code](https://ZhangChengLin.github.io/image/pay-alipay.jpg) | | QQ | [QR code](https://ZhangChengLin.github.io/image/pay-qq.png) | | WeChat （微信） | | | PayPal （贝宝） | [PayPal.Me](https://www.paypal.me/ZhangChengLin) | --- ## License **MIT** under the MIT License (license terms are at https://opensource.org/licenses/MIT).