LetsForm Builder

Usage

<form-builder
  id="builder"
  width="1200"
  height="600"
  builderId="mybuilder"
/>

Props:
- emptyForm="true|false": start with an empty form. Default: true
- width="number": width of the editor. Default: 100%
- height="number": height of the editor: Default: 800
- builderId="sting": unique identifier of the form builder. Required

// listen to change or save events
document.getElementById('builder')
  .addEventListener('lf-form-changed', function (event) {
    console.log('form changed: ',event.detail);
  });
document.getElementById('builder')
  .addEventListener('lf-form-saved', function (event) {
    console.log('form saved: ', event.detail);
  });

// loading an existing form
document.getElementById('builder').loadForm({ ... });