JSFiddle - React, Tailwind, and code Playground

by rsm23

JavaScript

var json = {
   "display":"form",
   "type":"form",
   "components":[
      {
         "title":"Page 1",
         "label":"Page 1",
         "type":"panel",
         "key":"page1",
         "components":[
            {
               "label":"Number",
               "labelPosition":"top",
               "placeholder":"",
               "description":"",
               "tooltip":"",
               "prefix":"",
               "suffix":"",
               "widget":{
                  "type":"input"
               },
               "displayMask":"",
               "customClass":"",
               "tabindex":"",
               "autocomplete":"",
               "hidden":false,
               "hideLabel":false,
               "mask":false,
               "autofocus":false,
               "disabled":false,
               "tableView":false,
               "modalEdit":false,
               "multiple":false,
               "persistent":true,
               "delimiter":false,
               "requireDecimal":false,
               "inputFormat":"plain",
               "protected":false,
               "dbIndex":false,
               "truncateMultipleSpaces":false,
               "encrypted":false,
               "redrawOn":"",
               "clearOnHide":true,
               "customDefaultValue":"",
               "calculateValue":"",
               "calculateServer":false,
               "allowCalculateOverride":false,
               "validateOn":"change",
               "validate":{
                  "required":false,
                  "customMessage":"",
                  "custom":"",
                  "customPrivate":false,
                  "json":"",
                  "min":"",
                  "max":"",
                  "strictDateValidation":false,
                  "multiple":false,
                  "unique":false,
                  "step":"any",
                  "integer":""
               },
               "errorLabel":"",
               "errors":"",
           ...