https://github.com/detaysoft/react-tree-schema

React.js ile yazılmış tree yapısı
https://github.com/detaysoft/react-tree-schema

Last synced: 12 months ago
JSON representation

React.js ile yazılmış tree yapısı

• Host: GitHub
• URL: https://github.com/detaysoft/react-tree-schema
• Owner: Detaysoft
• Created: 2019-04-24T14:16:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T20:47:47.000Z (over 3 years ago)
• Last Synced: 2024-04-25T02:43:07.805Z (over 2 years ago)
• Language: JavaScript
• Size: 2.6 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-tree-schema

Tree component for React.js apps.

![image (1)](demo.gif)

# Install

```javascript

npm install react-tree-schema

```

# Architecture

![image (1)](https://user-images.githubusercontent.com/30048977/56694176-cd0de400-66ee-11e9-9984-6ef9846e7090.png)

# Components

## Root Component

```javascript

import React from 'react'

import Root from 'react-tree-schema'

const Tree = () => (

  

)

```

#### Root props

| prop | default | type | description |

| ---- | ---- | ---- | ---- |

| name | none | string | Node title |

| childNodes | none | array | Node items |

| opened | false | boolean | visible nodes of the noden  |

| icon | none | object | icon of node |

| onClick | none | function | Node on click |

| onContextMenu | none | function | Node on context menu |

### Child Node Item

| prop | default | type | description |

| ---- | ---- | ---- | ---- |

| name | none | string | Node title |

| childNodes | none | array | Node items |

| opened | false | boolean | visible nodes of the noden  |

| icon | none | object | icon of node |

| onClick | none | function | Node on click |

| onContextMenu | none | function | Node on context menu |