Group Select

Built on top of the material-ui react 5 Autocomplete Component.

$3

- 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.

$3

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

$3

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

$3

| 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. |