I was wondering if there is a pattern out there that that allows the user to select multiple items in one go. Like I have shown in the example below. The selections could be either single items, or multi items.

The reason they are bound together is because they fall under the same group, and I would like the user to select the items with just a single click rather than a multi item drop down list.

I would be greateful for any advice on this front. Thanks :)

enter image description here

2 Answers 2


I think Google Data Studio's got a nice solution, part of material: enter image description here

  • Thanks, XTOTHEL. However, I would am looking for a pattern which could have both brand and eybp-q3-2018 selectable in a single click. Commented Sep 28, 2018 at 16:18

You could use a hierarchical multiselect, like this example from google material: enter image description here

This way, the user would be able to select the whole group or just the sub items.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.