Is-Web-Component

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>

Contributing

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

Components

• [x] is-alert
• [x] is-badge
• [x] is-modal
• [x] is-multiselect
• [ ] is-pagination
• [x] is-readmore
• [ ] is-table
• [ ] is-tabs