@paraboly/pwc-dynamic-form

Generate HTML forms from JSON configuration.


Keywords
paraboly, stencil, stenciljs, web-component, webcomponent, ui, frontend, starikcetin, form, html-form, pwc, dynamic, pwc-choices
License
MIT
Install
npm install @paraboly/pwc-dynamic-form@6.3.2

Documentation

Built With Stencil

WebComponent PWC README Boilerplate

Generate HTML forms from JSON configuration.

npm version npm Platform - Platform Free Web License: MIT

WebComponent PWC Animated Checkbox

Live Codepen 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-dynamic-form@latest/dist/pwc-dynamic-form/pwc-dynamic-form.esm.js"></script>
<script nomodule src="https://unpkg.com/@paraboly/pwc-dynamic-form@latest/dist/pwc-dynamic-form/pwc-dynamic-form.js"></script>
  • Then you can use the element anywhere in your template, JSX, html etc

Node Modules

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

Usage

TODO

Future Plans

  • Documentation
  • LICENSE
  • Form Validation
  • Support for pwc-color-picker

Authors

starikcetin, tarik.cetin@paraboly.com | cetinsamedtarik@gmail.com

License

pwc-dynamic-form is available under the MIT license. See the LICENSE file for more information