import dash_mantine_components as dmc
import dash_iconify
from dash import Dash
data = [
{
"label": "src",
"value": "src",
"children": [
{
"label": "components",
"value": "src/components",
"children": [
{"label": "Accordion.tsx", "value": "src/components/Accordion.tsx"},
{"label": "Tree.tsx", "value": "src/components/Tree.tsx"},
{"label": "Button.tsx", "value": "src/components/Button.tsx"},
],
},
],
},
{
"label": "node_modules",
"value": "node_modules",
"children": [
{
"label": "react",
"value": "node_modules/react",
"children": [
{"label": "index.d.ts", "value": "node_modules/react/index.d.ts"},
{
"label": "package.json",
"value": "node_modules/react/package.json",
},
],
},
{
"label": "@mantine",
"value": "node_modules/@mantine",
"children": [
{
"label": "core",
"value": "node_modules/@mantine/core",
"children": [
{
"label": "index.d.ts",
"value": "node_modules/@mantine/core/index.d.ts",
},
{
"label": "package.json",
"value": "node_modules/@mantine/core/package.json",
},
],
},
{
"label": "hooks",
"value": "node_modules/@mantine/hooks",
"children": [
{
"label": "index.d.ts",
"value": "node_modules/@mantine/hooks/index.d.ts",
},
{
"label": "package.json",
"value": "node_modules/@mantine/hooks/package.json",
},
],
},
{
"label": "form",
"value": "node_modules/@mantine/form",
"children": [
{
"label": "index.d.ts",
"value": "node_modules/@mantine/form/index.d.ts",
},
{
"label": "package.json",
"value": "node_modules/@mantine/form/package.json",
},
],
},
],
},
],
},
{
"label": "package.json",
"value": "package.json",
},
{
"label": "tsconfig.json",
"value": "tsconfig.json",
},
]
app = Dash()
component = dmc.Tree(data=data, renderNode={"function": "myLeaf"}, m="lg")
app.layout = dmc.MantineProvider([
component
])
if __name__ == "__main__":
app.run(debug=True)