JSFiddle - React, Tailwind, and code Playground
by Arvind Pal
JavaScript
var tree = [{
"keyName": "HSBC",
"children": [{
"keyName": "Global Business",
"children": [{
"keyName": "AMG",
"children": [{
"keyName": "Business",
}, {
"keyName": "CDO",
}],
}, {
"keyName": "CMB",
"children": [{
"keyName": "Business",
}, {
"keyName": "CDO",
}],
}, {
"keyName": "GBM",
"children": [{
"keyName": "Business",
}, {
"keyName": "CDO",
"children": [{
"keyName": "Australia",
}, {
"keyName": "Canada",
}, {
"keyName": "China",
}, {
"keyName": "France",
}, {
"keyName": "Hong Kong",
}, {
"keyName": "Malaysia",
}, {
"keyName": "Mexico",
}, {
"keyName": "Singapore",
}, {
"keyName": "Taiwan",
}, {
"keyName": "UAE",
}, {
"keyName": "UK",
"children": [{
"keyName": "HSBC UK",
}],
}, {
"keyName": "US",
}],
}],
}, {
"keyName": "RBWMA",
"children": [{
"keyName": "Business",
}, {
"keyName": "CDO",
}],
}],
}, {
"keyName": "Global Function",
"children": [{
"keyName": "Compliance",
}, {
"keyName": "Finance",
}, {
"keyName": "Group Data Services",
}, {
"keyName": "HR",
}, {
"organization":...