{"repo":"minop1205/react-dnd-treeview","free":true,"listed":false,"github":"https://github.com/minop1205/react-dnd-treeview","clone":"git clone https://github.com/minop1205/react-dnd-treeview.git","description":"A draggable / droppable React-based treeview component. You can use render props to create each node freely.","language":"TypeScript","stars":606,"topics":["drag-and-drop","dnd","react","treeview","component","touch-support","headress-component"],"license":"MIT","category":"ui-components","readme_excerpt":"React DnD TreeView A draggable and droppable React treeview component. You can use render props to create each node freely. Demo and Examples Some of the examples below use MUI(Material-UI) components, but TreeView does not depend on MUI, so you can use other libraries or your own custom components. https://minop1205.github.io/react-dnd-treeview/ Breaking changes and migration See Migration Guide for information on breaking changes and migrations between major versions. Getting Started Installation Usage Backends MultiBackend is a backend to support both touch and pointer devices. If you only need support for one or the other, you can also use the backend provided by react-dnd-html5-backend or react-dnd-touch-backend. Backend options HTML5Backend , TouchBackend and MultiBackend allow setting the BackendOptions defined in react-dnd . For more information on TouchBackend , please see here. (For the HTML5Backend option, only the rootElement option is available.) Data Structure To display the treeview, pass data with the following structure to the tree property of the Tree component. Basic example The minimal data structure for representing the tree is shown in the following example Optional data If you want to pass custom properties to each node's rendering, you can use the data property. Node properties Key Type Required Default Description --------- -------------------- -------- ----------- ---------------------------------------------------------------------------------------","default_branch":null,"files":null,"tree":[],"storefront":"/r/minop1205","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/minop1205/react-dnd-treeview/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}