[Feature] support show structure line
percy507 opened this issue · 11 comments
There is an demo from MUI. https://mui.com/x/
Referable example: https://iamkate.com/code/tree-views/
@percy507 Thank you for your suggestion.
In react-dnd-treeview, the implementation regarding appearance is left to the user of the library.
The structure line is the part related to appearance, where all kinds of designs exist.
Therefore, I do not include the implementation of the structure line in the library, but would like it to be done by the application that uses the library.
However, since the display of structure lines is a common use case in treeviews, I believe it is necessary to provide sample codes.
In providing samples, I will consider extending the render options, etc., if they cannot be implemented with existing functionality alone.
@minop1205 Is it possible to show the tree in horizontal view?
@minop1205 Is it possible to show the tree in horizontal view?
Can you provide an example of what you mean by horizontal view?
@percy507 I was interested in something similar as you, so I built this using this react-dnd-treeview component.
Let me know if you're still looking for a MUI similar treeview style.
Video.mp4
@abrman Looks great. It will be nice if you can make a PR to add this feature as an example.
Right. I'm not sure if I should add it to stories somehow, also think it might be my first PR on a public project ever. lol
Anyways, here's the demo: https://codesandbox.io/s/nifty-farrell-qpq9h3?file=/src/App.tsx
Anyways, here's the demo: https://codesandbox.io/s/nifty-farrell-qpq9h3?file=/src/App.tsx
@minop1205 What do you think about adding this demo to the stories?
@abrman Thank you for your contribution!
Merged: #183
Demo: https://minop1205.github.io/react-dnd-treeview/?path=/docs/basic-examples-directory-structure--directory-structure-story