Is it possible to configure the lightning-combobox to allow multiple selections? I tried this method:

import { LightningElement, track } from 'lwc';

export default class ComboboxBasic extends LightningElement {

    @track value = '';
    selectedVals = [];

    get options() {
        return [
            { label: 'New', value: 'new' },
            { label: 'In Progress', value: 'inProgress' },
            { label: 'Finished', value: 'finished' },

    handleChange(event) {
        this.value = this.selectedVals.join(', ');

but this doesn't keep mark the selected values in the drop down with the check mark. Is there a better method to implement some sort of Drop down, checkbox, selector?

  • Can't you instead use lightning-dual-listbox?
    – Jayant Das
    Commented May 3, 2019 at 0:45
  • No, unfortunately. That would end up being a weird UI. I'm trying to implement this for a user to filter the results that are displayed on the page. So, like if my page displays a set of Students. If nothing is selected in the list, it displays all, or the user can use the list to select Students who are in 9th grade and 10th grade. The listbox feels more like a setting than a filter when using in a web component.
    – BlondeSwan
    Commented May 3, 2019 at 1:10
  • might just have to use some default JS to get this implemented
    – BlondeSwan
    Commented May 3, 2019 at 1:12
  • I have since defaulted to using the lighting-checkbox-group. It looks nice and serves the purpose of allowing people to select multiple values. You may just need to do some rejiggering to get the values to populate properly in multi select picklist fields.
    – joshii
    Commented May 3, 2019 at 22:54

7 Answers 7


Generally, you are limited to what is in the LWC spec.

However, the roadmap for combobox is unknown. There are no planned upgrades to it (unlike datatable)

And then, the design spec here does have the CSS and raw markup for multiple selection (you need to implement your own component borrowing from the styles).

FYI, I ended up having to create my own component out of borrowing from the official blueprints, and it's just something you have to do if you can't wait for the base combobox component to have more features.


You can have a look at this Git Repo : MultiPickList using lwc

Configuration Option

@api label  = ''; //Name of the dropDown
@api maxselected  = 2; //Max selected item display
@api options; // List of items to display
@api showfilterinput = false; //show filterbutton
@api showrefreshbutton = false; //show the refresh button
@api showclearbutton = false; //show the clear button

 <c-multi-pick-list label="Pick-List" options={msOptions}  showclearbutton='true' showfilterinput='true' showrefreshbutton='true' onitemselected={handleOnItemSelected}></c-multi-pick-list>

This will fire onitemselected event which will provide you array of selected items

optionally can call getSelectedItems () of c-multi-pick-list component which will also return the array of selected items

Live Demo

  • 2
    this is great sample of custom multi-picklist, it provide the search value and support multiple selection
    – Rival
    Commented Oct 22, 2019 at 10:46

There is a standard component present in salesforce component library to build this functionality. Find the link below:


  • 1
    The person is asking about a multi-select combobox, not a dual listbox. That is not the same component at all. Commented Aug 20, 2020 at 20:08
  • @EtienneRocheleau, what you're saying is true, but the dual listbox fits very well to the given use case. Salesforce says: "To support multiple selection, use lightning-dual-listbox instead." I believe many will find Gaurav's answer useful in this context. Commented Nov 20, 2023 at 11:04

Functionally, it would work as checkbox group:


Unless you're tied to the combobox ui.

  • This. If you only have a few options, checkbox is better UX.
    – dzh
    Commented Jun 14, 2022 at 17:14

This is a bit late, but I have built a combobox that allows multiple selections and displays them as pills. It's very reliable and I've used it in multiple projects.

The code is on github


<c-multi-select name="jobStatus" label="Job Status" multi-select-by-default="true"
  value={jobStatus} variant="label-inline" options={jobStatusOptions} dropdown-length="10"
  onchange={handleJobStatusOptionsChange} >

Set options dynamically using this format:

this.jobStatusOptions = [
  { label: 'Value 1', value: 'Value 1' },
  { label: 'Value 2', value: 'Value 2' },
  { label: 'Value 3', value: 'Value 3' },

To handle a change:

handleJobStatusOptionsChange(event) {
  let value = event.detail.value;
  //do something with the value

Looks like: multiselect in action

  • It seems that the LWC component doesn't work. It didn't compile and required some modifications to make it work. Thanks for sharing it anyway, I hope I'll find some time to create a PR with the changes I did. Commented Jun 17, 2023 at 16:00

Update 2022

I wrote a whole article on how to create a LWC multi select combobox that covers all functions of the standard lightning-combobox and additionally supports multi select:

How to create the LWC Multi Select Combobox that Salesforce is still missing

The source code including JEST unit tests and JSDoc comments is available here:

Custom Multi Select Combobox


There seems to be this component now that can probably help with whatever you were trying to do: https://developer.salesforce.com/docs/component-library/bundle/lightning-pill-container/documentation

However as mentioned without custom code, I do not believe it will be easy to combine this + a combobox without re-coding both components.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .