search

radix-ui / primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
https://radix-ui.com/primitives
MIT License
15.08k stars 741 forks source link

[New Primitive] `Tree` #1456

Open izhan opened 2 years ago

izhan commented 2 years ago

Feature request

Overview

A tree view that helps with hierarchical items, e.g. folders within files.

Here are the W3 specs: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/

Screen Shot 2022-06-08 at 7 38 42 PM

Examples in other libraries

A few open-source libraries out there, e.g. https://github.com/brimdata/react-arborist

Who does this impact? Who is this for?

Users that need to build a hierarchical list of things. E.g. Google Drive file viewer, Storybook, or even Radix's documentation website someday!

Additional context

percy507 commented 2 years ago

Here is an awesome treeview component. Maybe useful for reference.

https://github.com/minop1205/react-dnd-treeview

Ps: I am using react-arborist now which is highly customizable.

davialcantaraa commented 1 year ago

Geist Design System from Vercel has a good one.

https://geist-ui.dev/en-us/components/file-tree

DreierF commented 1 year ago

Another alternative that seem to have taken special care to implement the WAI-ARIA spec https://github.com/dgreene1/react-accessible-treeview

muhaimincs commented 1 year ago

Prefer to use MUI treeview for now. Hopefully there is a new component from radix

vladgabriel commented 11 months ago

Might be something to look at: https://master--5fc05e08a4a65d0021ae0bf2.chromatic.com/?path=/story/examples-tree-sortable--collapsible

happycoder0011 commented 6 months ago

Can I take this up ?

reslear commented 1 month ago

https://www.radix-vue.com/components/tree.html