[New Primitive] `Tree`

[izhan]

trafficstars

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/

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]

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]

Geist Design System from Vercel has a good one.

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

[DreierF]

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

[muhaimincs]

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

[vladgabriel]

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

[happycoder0011]

Can I take this up ?