Is-Web-Component

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

• is-alert
• is-badge
• is-modal
• is-multiselect
• is-pagination
• is-readmore
• is-button
• is-divider
• is-breadcrumb
  • is-breadcrumb-item
• is-card
  • is-card-header
  • is-card-title
  • is-card-image
  • is-card-body
• is-container
• is-row
• is-table
• is-tabs