@paraboly/pwc-dynamic-form

Generate HTML forms from JSON configuration.

Usage no npm install needed!

<script type="module">
  import parabolyPwcDynamicForm from 'https://cdn.skypack.dev/@paraboly/pwc-dynamic-form';
</script>

README

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

See documentation for advanced usage.

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