b-components-js

Version:

Generate Bootstrap components through JavaScript

zhangchenglin.github.io/b-components

98 lines (70 loc) • 8.07 kB

Markdown

# b-components-js <a href="https://github.com/ZhangChengLin/b-components" target="_blank"><img alt="GitHub Stars" title="GitHub Stars" src="https://img.shields.io/github/stars/ZhangChengLin/b-components.svg?style=social"></a> <a href="https://github.com/ZhangChengLin/b-components/releases" target="_blank"><img alt="GitHub Release" title="GitHub Release" src="https://img.shields.io/github/release/ZhangChengLin/b-components.svg"></a> <img alt="GitHub top language" src="https://img.shields.io/github/languages/top/ZhangChengLin/b-components"> <a href="https://snyk.io.cnpmjs.org/test/npm/b-components-js" title="Snyk Vulnerabilities for GitHub Repo" target="_blank"><img alt="Snyk Vulnerabilities for GitHub Repo" src="https://img.shields.io/snyk/vulnerabilities/github/ZhangChengLin/b-components"></a> <a href="https://github.com/ZhangChengLin/b-components/issues" target="_blank"><img alt="GitHub Issues" title="GitHub Issues" src="https://img.shields.io/github/issues/ZhangChengLin/b-components.svg"></a> <a href="https://github.com/ZhangChengLin/b-components/blob/master/LICENSE" target="_blank"><img alt="GitHub License" title="GitHub License" src="https://img.shields.io/github/license/ZhangChengLin/b-components.svg"></a> <a href="https://openbase.com/js/b-components-js" title="Rate on Openbase" target="_blank"><img alt="Rate on Openbase" src="https://badges.openbase.com/js/rating/b-components-js.svg"></a> <a href="https://lgtm.com/projects/g/ZhangChengLin/b-components/alerts" title="LGTM Alerts" target="_blank"><img alt="LGTM Alerts" src="https://img.shields.io/lgtm/alerts/github/ZhangChengLin/b-components"></a> <a href="https://lgtm.com/projects/g/ZhangChengLin/b-components/context:javascript" title="LGTM Grade" target="_blank"><img alt="LGTM Grade" src="https://img.shields.io/lgtm/grade/javascript/github/ZhangChengLin/b-components"></a> <a href="https://www.npmjs.com/package/b-components-js" target="_blank"><img alt="NPM Version" title="NPM Package" src="https://img.shields.io/npm/v/b-components-js.svg"></a> <a href="https://npms.io/search?q=b-components-js" title="npms.io (final)" target="_blank"><img alt="npms.io (final)" src="https://img.shields.io/npms-io/final-score/b-components-js"></a> <a href="https://npms.io/search?q=b-components-js" title="npms.io (maintenance)" target="_blank"><img alt="npms.io (maintenance)" src="https://img.shields.io/npms-io/maintenance-score/b-components-js"></a> <a href="https://npms.io/search?q=b-components-js" title="npms.io (popularity)" target="_blank"><img alt="npms.io (popularity)" src="https://img.shields.io/npms-io/popularity-score/b-components-js"></a> <a href="https://npms.io/search?q=b-components-js" title="npms.io (quality)" target="_blank"><img alt="npms.io (quality)" src="https://img.shields.io/npms-io/quality-score/b-components-js"></a> <a href="https://npmmirror.com/package/b-components-js" target="_blank" title="npmmirror version"> <img src="https://npmmirror.com/badge/v/b-components-js.svg" alt="npmmirror version" title="npmmirror version"> <img src="https://npmmirror.com/badge/d/b-components-js.svg" alt="npmmirror download number"> </a> | | day | week | month | year | total | |:----------------------:|:------------------------------------------------------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------------------------------------------------------:|:----------------------------------------------------------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------------------------------------------------------:|:---------------------------------------------------------------------------------------:| | npm | | <img alt="npm download number" src="https://img.shields.io/npm/dw/b-components-js.svg"> | <img alt="npm download number" src="https://img.shields.io/npm/dm/b-components-js.svg"> | <img alt="npm download number" src="https://img.shields.io/npm/dy/b-components-js.svg"> | <img alt="npm download number" src="https://img.shields.io/npm/dt/b-components-js.svg"> | | jsDelivr hits (npm) | <img src="https://img.shields.io/jsdelivr/npm/hd/b-components-js.svg" alt="jsDelivr hits (npm) day" title="jsDelivr hits (npm) day"> | <img src="https://img.shields.io/jsdelivr/npm/hw/b-components-js.svg" alt="jsDelivr hits (npm) week" title="jsDelivr hits (npm) week"> | <img src="https://img.shields.io/jsdelivr/npm/hm/b-components-js.svg" alt="jsDelivr hits (npm) month" title="jsDelivr hits (npm) month"> | <img src="https://img.shields.io/jsdelivr/npm/hy/b-components-js.svg" alt="jsDelivr hits (npm) year" title="jsDelivr hits (npm) year"> | | | jsDelivr hits (GitHub) | <img alt="jsDelivr hits (GitHub) day" src="https://img.shields.io/jsdelivr/gh/hd/ZhangChengLin/b-components"> | <img alt="jsDelivr hits (GitHub) week" src="https://img.shields.io/jsdelivr/gh/hw/ZhangChengLin/b-components"> | <img alt="jsDelivr hits (GitHub) month" src="https://img.shields.io/jsdelivr/gh/hm/ZhangChengLin/b-components"> | <img alt="jsDelivr hits (GitHub) year" src="https://img.shields.io/jsdelivr/gh/hy/ZhangChengLin/b-components"> || --- ## README - ✔ [**README**](https://ZhangChengLin.github.io/b-components/) Currently, supports bootstrap v5.x + <details> <summary>Welcome PR</summary> Supports - - 💚 [Modal](https://getbootstrap.com/docs/5.1/components/modal/) - 💚 [Offcanvas](https://getbootstrap.com/docs/5.1/components/offcanvas/) - 💚 [Toast](https://getbootstrap.com/docs/5.1/components/toasts/) TODO - - 🖤 [Alert](https://getbootstrap.com/docs/5.1/components/alerts/) - 🖤 [Carousel](https://getbootstrap.com/docs/5.1/components/carousel/) - 🖤 [Collapse](https://getbootstrap.com/docs/5.1/components/collapse/) - 🖤 [Dropdown](https://getbootstrap.com/docs/5.1/components/dropdowns/) - 🖤 [Progress](https://getbootstrap.com/docs/5.1/components/progress/) - 🖤 [Scrollspy](https://getbootstrap.com/docs/5.1/components/scrollspy/) - 🖤 [Tab](https://getbootstrap.com/docs/5.1/components/navs-tabs/) </details> --- ## Donate | Method | Type | |:-------|:---------------------------------------------------------------:| | AliPay | [QR code](https://ZhangChengLin.github.io/image/pay-alipay.jpg) | | QQ | [QR code](https://ZhangChengLin.github.io/image/pay-qq.png) | | PayPal | [PayPal.Me](https://www.paypal.me/ZhangChengLin) | --- ## Semantic versioning This project follows [semver](https://semver.org/) as closely as possible **from version 1.0.0 onwards**. --- ## License **MIT** under the MIT License (license terms are at https://opensource.org/licenses/MIT). ---