Multi-select using 'Select' or 'Combobox'

[sang-yeo]

Is there a multi-select use case using the Paste 'Select' or 'Combobox' component?
The new Debugger concept has an export option that a customer can select multiple fields. (I try not to use the checkbox because of limited space. )
Thanks!

[kate-porter]

Hey @sang-yeo - sorry for the delay on this one!

Would you be able to share a link to the design treatment you are considering? Paste doesn't currently support multi-select in the Select or Combobox components, nor does the Combobox primitive support it. But if you could share the designs so we can get a better sense for what you are trying to accomplish, we can brainstorm how it might be built using Paste.

[sang-yeo]

Sure @katieporter, here you go. I thought about the checkbox option but it makes the modal really busy.

A customer can select multiple fields.

[kate-porter]

Hey @sang-yeo - thanks for providing a screenshot, that's helpful.

So, the Combobox component unfortunately doesn't support multi-select yet. The Select component technically does, though we generally don't recommend it, because the default browser interaction pattern is pretty strange. You can see an example of it in the last "do/don't" on the Select docs page (it's in the "don't" column 😂).

For now, the best way to accomplish this using Paste will be to use the Select All checkbox group. You can orient the checkboxes horizontally and/or put them into multiple columns, which may help the modal from feeling too busy.

Give that a try and let us know if that will work for you.