Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Sunny-117/treejs

🌱 ζ˜“δΈŠζ‰‹γ€ι«˜ζ€§θƒ½γ€εΌΊζ‹“ε±•ηš„ Tree η»„δ»ΆοΌŒεŒζ—Άζ”―ζŒ Vuejs ε’Œ React
https://github.com/Sunny-117/treejs

Last synced: about 2 months ago
JSON representation

🌱 ζ˜“δΈŠζ‰‹γ€ι«˜ζ€§θƒ½γ€εΌΊζ‹“ε±•ηš„ Tree η»„δ»ΆοΌŒεŒζ—Άζ”―ζŒ Vuejs ε’Œ React

Awesome Lists containing this project

README

        

# treejs

🌱 ζ˜“δΈŠζ‰‹γ€ι«˜ζ€§θƒ½γ€εΌΊζ‹“ε±•ηš„ Tree η»„δ»ΆοΌŒεŒζ—Άζ”―ζŒ Vuejs ε’Œ React

## Install

```bash
pnpm install @treejs/react
```

## Usage for React

```tsx
import { Tree, DataNode } from "@treejs/react";

const treeData = [
{
title: "parent 1",
key: "0-0",
children: [
{
title: "parent 1-0",
key: "0-0-0",
children: [
{
title: "leaf",
key: "0-0-0-0",
children: [
{
title: "last",
key: "0-0-0-0-0",
},
{
title: "last",
key: "0-0-0-1-1",
},
],
},
{
title: "leaf",
key: "0-0-0-1",
},
],
},
{
title: "parent 1-1",
key: "0-0-1",
children: [
{
title: sss,
key: "0-0-1-0",
},
],
},
],
},
];

const App = () => {
return ;
};

export default App;
```

## Usage for Vue

```tsx
import { Tree, DataNode } from "@treejs/vue";
```