## UI Configurations Documentation

{
	"grid": [
		[{
			"span-md": "24"
		}]
	],
	"components": [{
		"data": {
			"form": [{
				"key": "existing_loan_details",
				"type": "repeat",
				"fieldArray": {
					"fieldGroup": [{
						"fieldGroup": [{
							"key": "loan_amount",
							"type": "input",
							"className": "flex-1",
							"templateOptions": {
								"label": "Loan Amount"
							}
						}, {
							"key": "purpose",
							"type": "input",
							"className": "flex-1",
							"templateOptions": {
								"label": "Purpose"
							}
						}],
						"fieldGroupClassName": "display-flex"
					}, {
						"fieldGroup": [{
							"key": "emi.no_emi_paid",
							"type": "input",
							"className": "flex-1",
							"templateOptions": {
								"label": "Number of EMI Paid"
							}
						}, {
							"key": "emi.no_emi_due",
							"type": "input",
							"className": "flex-1",
							"templateOptions": {
								"label": "Number of EMI's Due"
							}
						}],
						"fieldGroupClassName": "display-flex"
					}]
				},
				"templateOptions": {
					"addText": "Add New Loan"
				}
			}],
			"apiUrl": "v2/dashboard/generic/loan/applicantdetail/###uuid###/update/",
			"settings": {
				"formNote": "",
				"formTitle": "Active Loans'",
				"formHeading": "",
				"formSubtitle": "Click on 'Add New Loan' to get started.",
				"inPageSuccess": true,
				"initialValuesAPI": "v2/dashboard/generic/loan/applicantdetail/###uuid###/detail/",
				"formSubmitButtonText": "Save"
			}
		},
		"component": "FormComponent"
	}]
}