JavaScript: Quick start

The browser build can initialize itself from a mount element when the page finishes loading.

<link rel="stylesheet" href="/jcees-forms.css" />

<div
  id="jcees-forms"
  data-space="your-space-id"
  data-form="your-form-id"
></div>

<script src="/jcees-forms.umd.js"></script>

With an ES module you can control loading and event subscriptions yourself:

import { JCeesForm } from '@jcees-forms/javascript'

const form = new JCeesForm({
  spaceId: 'your-space-id',
  formId: 'your-form-id'
})

form.attach(document.querySelector('#form'))
form.on('submit', (data) => console.log(data))

await form.load(async () => {
  const url = new URL('https://www.jcees-forms.com/api/form-data')
  url.searchParams.set('spaceId', 'your-space-id')
  url.searchParams.set('formId', 'your-form-id')

  const response = await fetch(url)
  const data = await response.json()
  return data.formData
})