View and edit forms - powered by bpmn.io

Usage no npm install needed!

<script type="module">
  import bpmnIoFormJs from 'https://cdn.skypack.dev/@bpmn-io/form-js';




View and edit JSON-based forms.


This library exports a form viewer and editor.

Display a Form

Renders a form based on a form schema and existing data:

import { Form } from '@bpmn-io/form-js';

const form = new Form({
  container: document.querySelector('#form')

await form.importSchema(schema, data);

form.on('submit', (event) => {
  console.log(event.data, event.errors);

See viewer documentation for further details.

Create and Edit a Form

Create a new form or edit an exsting one:

import { FormEditor } from '@bpmn-io/form-js';

const formEditor = new FormEditor({
  container: document.querySelector('#form-editor')

await formEditor.importSchema(schema);

See editor documentation for further details.



Use under the terms of the bpmn.io license.