Aren't we all tired of binding listeners on component ready for the bootstrap jQuery components and making sure you destroy the jQuery stuff when your component is destroyed?
Status:
- Documentation - WIP
- Example projects - todo
- tooltip - run tests using:
yarn test-bs-tooltip - popover - run tests using:
yarn test-bs-popover - button - run tests using:
yarn test-bs-button - modal - run tests using:
yarn test-bs-modal - dropdown - run tests using:
yarn test-bs-dropdown - collapse - run tests using:
yarn test-bs-collapse - alert - run tests using:
yarn test-bs-alert - tab - run tests using:
yarn test-bs-tab - scrollspy - run tests using:
yarn test-bs-scrollspy - carousel not planned currently but maybe later
For all of the other bootstrap components a web component solution is not needed because they can be done with just css. Use the bootstrap webpage component documents.
Note: bootstrap forms do tend to use some javascript validation to show or hide tooltip helpers. These do not have methods that are provided by bootstrap.js so this project will not have web component counterparts.
Note: This project does not support browsers older than IE11.
Built Using:
Tests Using:
First make sure to include the bootstrap.css resource
Then:
- for plain html and js:
- Put a script tag similar to this
<script src='https://unpkg.com/bs-components@0.0.8/dist/bscomponents.js'></script>in the head of your index.html - you do not need to include jQuery, Popper.js or the bootstrap.js resource
- Put a script tag similar to this
- for one of the other frameworks: Stenciljs Framework Integration