Form.io Lazy Load Renderer

by brendanbond

HTML

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

JavaScript

const formDefinition = {
  "components": [{
    "label": "Text Field",
    "applyMaskOn": "change",
    "showWordCount": true,
    "tableView": true,
    "validate": {
      "maxWords": 4
    },
    "key": "textField",
    "type": "textfield",
    "input": true
  }],
};
Formio.createForm(document.getElementById('formio'), formDefinition, {
  language: 'is',
  i18n: {
    'words remaining': "blah blah"
  }
}).then(function(form) {

});