Sidebar sidebar like explorer

Can anyone tell me where I can find an npm package or tutorial teaching how to create this type of sidebar, please?
No description
15 Replies
glutonium
glutonium2mo ago
i am not aware of any pkg or tutorial that does or shows this EXACT replica but if u know js you should be able to do it instead of thinking of it as a whole first try to replicate one single drop down
glutonium
glutonium2mo ago
like try just this like "ok how can i make it so that when i click on > Este .... it shows Área ... below
No description
glutonium
glutonium2mo ago
if u can make one , u can make all
ἔρως
ἔρως2mo ago
i would do this with nested <details> the rest should be easy to interpolate
glutonium
glutonium2mo ago
ye details would be a good way to do it
ἔρως
ἔρως2mo ago
it was made literally for this type of stuff
glutonium
glutonium2mo ago
it got most of what u need already to make this true
ἔρως
ἔρως2mo ago
hell, it looks almost like that
glutonium
glutonium2mo ago
ye xD
kikuti
kikutiOP2mo ago
I'll try using nested <details>, thanks for the tips
glutonium
glutonium2mo ago
welcm
ἔρως
ἔρως2mo ago
you're welcome
Mannix
Mannix2mo ago
maybe this video will help you https://www.youtube.com/watch?v=rvKCsHS590o
FollowAndrew
YouTube
Pure CSS tree view with custom tree icons
In this tutorial we'll be creating a pure CSS solution to implement a tree view structure. This is a very common structure and typically requires javascript in order to fully complete. In this CSS only solution we'll have customizable tree icons, use pseudo elements for the 'tier' legs and arms along with several tricks along the way! 💖 SUBSC...
Daryl
Daryl2mo ago
Hi! I saw the React tag on your question, so I recommend trying to use this component: https://magicui.design/docs/components/file-tree
File Tree
A component used to showcase the folder and file structure of a directory.
kikuti
kikutiOP2mo ago
Hi! Thanks, i'll give a try
Want results from more Discord servers?
Add your server