Groups
Groups
Any component that aims to replace the native select has to handle groups and so does this.
When the component iterates over the collection of options it checks if the option has an
attribute named groupName
and another named options
that is also a collection.
You can nest groups inside groups with absolutely no depth limit, everything else like arrow navigation and filtering will just work. However, the options of a group cannot be a promise, it has to be a regular collection.
This is all you need to know about passing groups of options, but what about when you want to select more than one option?