@svelte-parts/form-builder

UI to create forms

Usage no npm install needed!

<script type="module">
  import sveltePartsFormBuilder from 'https://cdn.skypack.dev/@svelte-parts/form-builder';
</script>

README

@svelte-parts/form-builder

UI to create form descriptions for @svelte-parts/form.

Install

npm install @svelte-parts/form-builder

Usage

<script>
  import FormBuilder from '@svelte-parts/form-builder'
</script>

<FormBuilder
  onChange={d => console.log('CHANGED', d)}
  onSubmit={d => console.log('SUBMITTED', d)}
  ignoreFields={['password', 'color']}
/>

Properties

  • onChange a function taking an array of Fields triggered on every change
  • onSubmit a function taking an array of Fields triggered when the user clicks on "Create form" (the button is only shown if this function is defined)
  • ignoreFields fields that should not be proposed to the user. Depending on the context, you may not want to encourage creating a password field, for example.