JSFiddle - React, Tailwind, and code Playground
JavaScript
var root = {
"name": "Root",
"children": [
{
"name": "Item 1",
"title": "This is a test title",
"children": [
{
"name": "Child 1",
"children": [
{
"name": "A",
"size": 3938
},
{
"name": "B",
"size": 3812
},
{
"name": "C",
"size": 6714
}
]
},
{
"name": "Child 2",
"title": "This is a second test title",
"children": [
{
"name": "D",
"size": 3534
},
{
"name": "E",
"size": 5731
},
{
"name": "F",
"size": 7840
},
{
"name": "G",
"size": 5914
},
{
"name": "H",
"size": 3416
}
]
},
{
"name": "Child 3",
"children": [
{
"name": "I",
"size": 7074
}
]
}
]
},
{
"name": "Item 2",
"children": [
{
"name": "Child 1",
"children": [
{
"name": "A",
"size": 3938
},
{
"name": "B",
"size": 3812
},
{
"name": "C",
"size": 6714
}
]
},
{
"name": "Child 2",
"children": [
{
"name": "D",
"size": 3534
},
{
"name": "E",
"size": 5731
},
{
"name": "F",
"size": 7840
},
{
"name": "G",
"size": 5914
},
{
...