@bsmp/webcomponents

Web components library

@bsmp/webcomponents

• Reusable Web Components
• The web components are standard HTML elements, so they work in any major framework or with no framework at all.
• In many cases, the components can be used as a drop in replacement for traditional frontend frameworks to build widgets, microapps, apps, etc.

Using the webcomponents library

Script tag

• Put the following script tag in the head of your index.html: <script src='https://unpkg.com/@bsmp/webcomponents/dist/bsm.js'></script>
• You can then use the webcomponents anywhere in your template, JSX, html etc.

In a stencil-starter app

• Run npm install @bsmp/webcomponents --save
• Add an import to the npm packages import '@bsmp/webcomponents';
• Then you can use the webcomponents anywhere in your template, JSX, html etc

Dev: getting started

Clone the repo, then run:

npm install
npm start

To watch for file changes during develop, run:

npm run dev

To build the components and classes for production, run:

npm run build

To run the unit tests for the components and classes, run:

npm test

Need help? Check out the Stencil docs here.