How to nested ListBox/GridList components.

[brenotx]

Hey there! I'm curious about which component from react-aria would be best for creating nested expanded lists. I have tried to nest ListBox but it doesn't seem to work. Eg.:

<ListBox
  aria-label="Animals"
  items={options}
  selectionMode="multiple"
>
  {item => (
    <ListBox
      aria-label="Animals"
      items={item.subItem}
      selectionMode="multiple"
    >
      {subItem => <ListBoxItem>{subItem.name}</ListBoxItem>}
    </ListBox>
  )}
</ListBox>

Here is an illustration of what I'm trying to accomplish:

Screen.Recording.2024-03-06.at.2.46.29.PM.mov

[snowystinger]

That looks more like a Tree, which we are currently working on. You could checkout the PR for it #5756 and you can try it out in nightlies