Is Web Component Documentation

Is-Web-Component

Built With Stencil Netlify Status Downloads Version Published on webcomponents.org License Contributor Covenant

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

Demonstration

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

Use Script tag

  • Put a script tag similar to this one

      <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 file

  • 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>

Contributing

  • Read the project Code of Conduct and remember to be nice to one another.
  • See CONTRIBUTING.md for information about how to contribute to this project.

Components

result-matching ""

    No results matching ""