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