There are three strategies we recommend for using web components built with Stencil.
The first step for all three of these strategies is to publish to NPM.
- Put a script tag similar to this
<script type='module' src='https://unpkg.com/stripe-webcomponent@0.0.1/dist/stripe-webcomponent.esm.js'></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install stripe-webcomponent --save
- Put a script tag similar to this
<script type='module' src='node_modules/stripe-webcomponent/dist/stripe-webcomponent.esm.js'></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install stripe-webcomponent --save
- Add an import to the npm packages
import stripe-webcomponent;
- Then you can use the element anywhere in your template, JSX, html etc