JSFiddle - React, Tailwind, and code Playground

HTML

<form>
       
            <label>Select Withdrawal Type</label>
                <input type="text" data-label="Withdrawal Type" >
		  
            <label>Plan Name</label>
           	    <input type="text"  data-label="Plan Name" value=""/>
           
		    <label>Select Participant </label>
                <input type="text" data-label="Participant Name" >
           
	 	   <label>Address</label>
               <input  type="text" data-label="Address On File"/>
        
          <label>SS #</label>
               <input  type="text" value=""  data-label="Social Security On File"/>
		 
		  <label>City</label>
               <input  type="text" pattern="alpha" value="" data-label="City On File"/>
         
          <label>State</label>
               <input  type="text"  value="" data-label="State On File"/>
          
		  <label>Zip</label>
               <input  type="text" name="reliusZip" pattern="[0-9]*" value="" data-label="Zip On File"/>
         
          <label>Mail to the same address?</label>
		       <input id="1" type="radio" value="yes" checked="checked" data-label="Mail To Same" >
          
          <label for="">Yes</label>
               <input id="1" type="radio" value="no" data-label="Mail To Same No" ><label for="">No</label>
        	<label>Mail To:</label>
                   
        
</form>

JavaScript

var data = {
    "inputs": [
        {
            "DataLabel": "Withdrawal Type",
            "DataGroup": "Participant Information",
            "DataColumn": "WithdrawalType",
            "Value": "full",
            "InternalUse": "1",
            "userDefined": "1"
        },
        {
            "DataLabel": "Plan Name",
            "DataGroup": "Participant Information",
            "DataColumn": "PlanName",
            "Value": "OpenGate Open Architecture 401(k) Plan",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "Participant Name",
            "DataGroup": "Participant Information",
            "DataColumn": "ParticipantName",
            "Value": "Bugs Bunny",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "Address On File",
            "DataGroup": "Participant Information",
            "DataColumn": "PartcipantAddressOnFile",
            "Value": "12345 Acme St",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "Social Security On File",
            "DataGroup": "Participant Information",
            "DataColumn": "SocialSecurityNumberOnFile",
            "Value": "000001212",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "City On File",
            "DataGroup": "Participant Information",
            "DataColumn": "CityOnFile",
            "Value": "Hollywood",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "State On File",
            "DataGroup": "Participant Information",
            "DataColumn": "StateOnFile",
            "Value": "CA",
            "InternalUse": "0",
            "userDefined": "0"
        },
        {
            "DataLabel": "Zip On File",
            "DataGroup": "Participant Information",
            "DataColumn":...