JSFiddle - React, Tailwind, and code Playground

by brendanbond

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.form.io/formiojs/formio.full.min.css">
<script src="https://cdn.test-form.io/formiojs/5.0.0-rc.68/formio.full.min.js"></script>
<div id="formio"></div>

JavaScript

Formio.createForm(document.getElementById('formio'), "https://bb-happy-time.form.io/w4forbrendan").then((form) => {
  // make a 3rd party api request
  form.setValue({
    data: {
      firstName: "hello, world"
    }
  });
  const comp = form.getComponent('firstName');
  comp.component.label = "Test";
  form.redraw();
})