JSFiddle - React, Tailwind, and code Playground

by brendanbond

HTML

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap/dist/css/bootstrap.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="https://cdn.form.io/js/formio.form.min.css" />
<script src="https://cdn.form.io/formiojs/formio.form.min.js"></script>
<div class="container">
<div id="formio"></div>
</div>

JavaScript

Formio.createForm(
  document.getElementById('formio'),
  'https://examples.form.io/example',
).then((form) => {
  const comp = form.getComponent("firstName");
  comp.on("change", () => {
    console.log("Changed!")
  })
})