React-Multiselect-Accordion

# TL-DR

Sometimes you have a large list of options grouped by categories, and, your user can select multiple options in that list, select all the options, or select by groups. in that case, a traditional solution is not enough.

I would like to present to you how a Multiselect-Accordion component, can deal with this issue.

npm i react-multiselect-accordion        

let's go deep with some context about the problem:

## Context

When you should present a list of options to your user, your user should select one option in the given list. the obvious solution, in this case, is a Select element:

The native HTML select element provides a way to group elements with <optgroup>: The Option Group element.

That is good, but, with restrictions, such as not being possible to select the optgroup element or the whole group, so, let's see what we can do for multiselection.

The Select component also offers the "multiple" option, but, the UI-UX is not the best here:

It is presented as a list of options opened and you should use the "shift", "cmd" or "ctrl" keys to select multiple options at the time.

So if you're looking for a multi-select with grouping the native HTML option is not enough to do the job, In this case, surely you need to implement a custom component to deal with the issue, in that case, I published this custom component that maybe can handle this common problem, and you can find it as `react-multiselect-accordion`, yes it is a multi-select component whit groups and accordion capabilities: