ui-percentage-bar

Percentage bar web component

Usage no npm install needed!

<script type="module">
  import uiPercentageBar from 'https://cdn.skypack.dev/ui-percentage-bar';
</script>

README

Built With Stencil npm version

ui-percentage-bar

npm install
npm start // run development server serving src/index.html, built component

To build the component for production, run:

npm run build

To run the unit tests for the components, run:

npm test

Demo

Using this component

There are three strategies I recommend for using web components built with Stencil.

Script tag

  • Put a script tag similar to this <script type='module' src='https://unpkg.com/ui-percentage-bar@<latest-version>/dist/ui-percentage-bar.esm.js'></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc

Node Modules

  • Run npm install ui-percentage-bar --save
  • Put a script tag similar to this <script type='module' src='node_modules/ui-percentage-bar/dist/ui-percentage-bar.esm.js'></script> in the head of your index.html
  • Then you can use the element anywhere in your template, JSX, html etc

In a stencil-starter app

  • Run npm install ui-percentage-bar --save
  • Add an import to the npm packages import ui-percentage-bar;
  • Then you can use the element anywhere in your template, JSX, html etc