https://github.com/linksplatform/react-deep-tree
https://github.com/linksplatform/react-deep-tree
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/linksplatform/react-deep-tree
- Owner: linksplatform
- License: unlicense
- Created: 2020-08-19T12:26:46.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2025-09-13T20:28:36.000Z (9 months ago)
- Last Synced: 2025-10-22T19:53:55.880Z (7 months ago)
- Language: TypeScript
- Size: 1.49 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-deep-tree
An attempt to make traversing trees with deep-deep structure user-friendly. Started as a part of our [UI prototype](https://github.com/linksplatform/InfiniteDepthTreeWebUIPrototype).
## Install
```Shell
npm i react-deep-tree
```
## [Use](https://codesandbox.io/s/intelligent-bird-j5vit)
```JavaScript
import React from "react";
import DeepTree from "react-deep-tree";
import type { DataNode } from "react-deep-tree";
const data : DataNode[] = [
{
content: 'Text of a first level of the first element',
children: [
{
content: 'Text of a second level of the first element',
children: [],
},
{
content: 'Text of a second level of the first element',
children: [],
},
],
},
{
content: 'Text of a first level of the second element',
children: [
{
content: 'Text of a second level of the second element',
children: [],
},
{
content: 'Text of a second level of the second element',
children: [],
},
],
},
];
export default function App() {
return ;
}
```