Is-web-component NPM

Is-Web-Component

Downloads License

Open source web components for building web applications. Build on top StencilJS.

Demo

https://is-web-component.isnur.com/

Documentation

https://is-web-component.isnur.com/docs/

Installation

You can install using NPM:

npm i is-web-component --save

You can install using unpkg cdn:

https://unpkg.com/is-web-component

Usage

Script tag

Put a script tag similar to this

  <script type="module" src="https://unpkg.com/is-web-component@latest/dist/is-web-component/is-web-component.esm.js"></script>
  <script nomodule="" src="https://unpkg.com/is-web-component@latest/dist/is-web-component/is-web-component.js"></script>

in the head of your index.html

Then you can use the element anywhere in your template, JSX, html etc.

  <h3>is-badge</h3>
  <is-badge text="is-badge" rounded></is-badge>

  <h3>is-multiselect</h3>
  <is-multiselect id="select"></is-multiselect>

  <script>
    var select = document.getElementById("select");
    var data = [{
      id: 1,
      name: 'Data 1'
    }, {
      id: 2,
      name: 'Data 2'
    }, {
      id: 3,
      name: 'Data 3'
    }];
    select.items = data;
  </script>