Bootstrap Stenciljs Components

Downloads in past


1330.1.75 years ago5 years agoMinified + gzip package size for bs-components in KB


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?
  • Documentation - WIP
  • Example projects - todo
  • x tooltip - run tests using: yarn test-bs-tooltip
  • x popover - run tests using: yarn test-bs-popover
  • x button - run tests using: yarn test-bs-button
  • x modal - run tests using: yarn test-bs-modal
  • x dropdown - run tests using: yarn test-bs-dropdown
  • x collapse - run tests using: yarn test-bs-collapse
  • x alert - run tests using: yarn test-bs-alert
  • x tab - run tests using: yarn test-bs-tab
  • x 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
  • for plain html and js:
- Put a script tag similar to this <script src=''></script> in the head of your index.html - you do not need to include jQuery, Popper.js or the bootstrap.js resource