JSFiddle - React, Tailwind, and code Playground

by navinleon

JavaScript

[
    {
        "commonname": {
            "headerName": "Common Name",
            "checkbox": {
                "cnchkbx": {
                    "index": 1,
                    "options": [
                        "cic1xcvhdfghdfghdfghfghfgh",
                        "cic2",
                        "cic3"
                    ]
                }
            },
            "textbox": {
                "cntxtbox": {
                    "index": 2,
                    "marker": "enter the text"
                }
            },
            "radio": {
                "cnrdobtn": {
                    "index": 4,
                    "options": [
                        "cic1xcvhdfghdfghdfghfghfgh",
                        "cic2",
                        "cic3"
                    ]
                }
            },
            "dropdown": {
                "commonNameStyle": {
                    "index": 5,
                    "options": [
                        "cic1xcvhdfghdfghdfghfghfgh",
                        "cic2",
                        "cic3"
                    ],
                    "events": [
                        "click",
                        "select"
                    ]
                }
            },
            "calendar": {
                "cncal": {
                    "index": 3,
                    "from": {
                        "watermarker": "YYYY-MMM-DD"
                    },
                    "to": {
                        "watermarker": "YYYY-MMM-DD"
                    }
                }
            }
        }
    },
    {
        "searchprovider": {
            "headerName": "Search provider",
            "checkbox": {
                "sprooptn": {
                    "index": 1,
                    "options": [
                        "cic1xcvhdfghdfghdfghfghfgh",
                        "cic2",
                        "cic3"
                    ]
                }
            },
            "textbox": {
              ...