is the `ListBox` in the `useSelect` examples reusable?

[andy-zhou]

🙋 Documentation Request

In the useSelect examples, the ListBox is given a state prop. This is different than the example in useListBox, which uses useListState internally to build the state.

The docs don't make it clear how the two examples can be shared, just that

The ListBox and Option components are used to show the list of options. They can also be shared with other components like a ComboBox. See useListBox for more examples, including sections and more complex items.

It would be great to update the docs to include this information.

🧢 Your Company/Team

[LFDanLu]

@andy-zhou The ListBox in the useSelect example has its state controlled by the Select component hence the external state prop. The reason for this is to make the list behave in a specific way, enforcing this set of props which in turn make the Select's list single selection only and alters how onSelectionChange fires. The ListBox in the useSelect example can be reused within components that control the list state in a similar way. The example in useListBox can be used as more standalone component such as one you would see in a form. We can definitely update the docs to clarify this!