Multiselect Field

Referenced as: "ui:widget": "ActiveMultiselect"

This component does not have a Material UI equivalent and must be developed from scratch. For inspiration, the motivation behind Patternfly's Multiple Typeahead with Chips can be used, but the implementation should align with the Material UI design without replicating Patternfly's design.

The ChipSelection is similar to the ActiveDropdown, semantically it is a selection of multiple items from a list together with type-ahead functionality.

The fetch:* is used for loading all options, the fetch:retrigger can be optionally used as well. The validation is similar to the ActiveDropdown as well, just passing an array of strings instead of a single one.

The value managed by the widget is an array of strings conforming the fetch:response:value selector got each item. The chips are shown per every item in the array (per user’s selection). The type-ahead narrows the listed options to ease selection by the user.