TreeSelect Component Feature Request

[AwelTeam]

Hi React Spectrum team! 👋

I'd love to propose adding a TreeSelect component to React Spectrum. This would be a dropdown component that allows users to select items from hierarchical data structures.

Use Case

I'm working on applications that need to select from nested data like:

• Geographic hierarchies (Country → State → City)
• Organizational structures (Department → Team → Person)
• Category taxonomies (Electronics → Phones → Smartphones)

Currently, I have to either flatten the data (losing context) or build custom solutions that don't match Spectrum's design standards.

Existing Implementations

This pattern is already proven and widely adopted in other design systems:

• Ant Design: TreeSelect component with single/multiple selection, checkboxes, async loading
• PrimeReact: TreeSelect component with filtering, chip display, and accessibility features

I'd be happy to contribute to this if there's interest!

Would love to hear the team's thoughts on this. Is this something that would fit within React Spectrum's roadmap?

Thanks for all your amazing work on this library! 🙏

[snowystinger]

Thanks for the discussion and idea. We have not discussed something like this.

I think you can build this today using button with a popover containing a Tree. The only other thing you need for form submission is a hidden input hooked up to the selection state.
From what I can tell, this is how both Ant and PrimeReact have implemented theirs.

The hidden input could be a HiddenSelect possibly, we don't currently export that from RAC or document it, but we could consider that. It's currently exported from @react-aria/select. The safer option would be to take inspiration from that component though until a decision is made about it.