@alex-v/material-ui-react-group-select NPM

Group Select

Ability to select a single option from a select.
Ability to select n options from grouped options.
Ability to select an entire group of options, by selecting the group heading option.
Ability to unselect an entire group of options by unselecting the group heading option.
Auto-selection of a heading option when a user selects all the sub-options from the group.
Auto unselecting of a heading option when a user unselects one of the sub options.
Ability to search for specific options.

Install using npm i -S @alex-v/material-ui-react-group-select

In a React app, use the Button or Badge components:
import GroupSelect from '@alex-v/material-ui-react-group-select'

Name	Description
values	List of selected options
options	possible options array of `objects` that can contain `title:string`, `groupId:string` - a unique group identifier, `groupRef:string` - a reference to a `groupId`
label	Autocomplete label
placeholder	Autocomplete placeholder
onChange	Callback fired when the value changes.