Live JSFiddle Example

Installation

Script tag

• Put two script tags similar to this in the head of your index.html:

  <script type="module" src="https://unpkg.com/@paraboly/pwc-filter@latest/dist/pwc-filter/pwc-filter.esm.js"></script>
  <script nomodule src="https://unpkg.com/@paraboly/pwc-filter@latest/dist/pwc-filter/pwc-filter.js"></script>

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

Node Modules

• Run npm install @paraboly/pwc-filter --save
• Put a script tag similar to this <script src='node_modules/@paraboly/pwc-filter/dist/pwc-filter.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 @paraboly/pwc-filter --save
• Add an import to the npm packages import @paraboly/pwc-filter;
• Then you can use the element anywhere in your template, JSX, html etc

Usage

See: Documentation.

Future Plans

• Documentation
• LICENSE
• Deep data field search
• Automatic generation of the dynamic form

Authors

S. Tarık Çetin (starikcetin), [email protected] | [email protected]

License

WebComponent PWC Filter is available under the MIT license. See the LICENSE file for more info.