Reusable Multi Select Combobox lightning web component

multi select combo box lwc

This post discuss about how to select multiple values in dropdown – combobox. We have lightning-dual-list base component which works similar to multi select picklist but it shows two boxes with available and selected and basically occupy more space in page.

This project has 3 components –
mutliSelectPicklist – Main component which displays the dropdown with given picklist values and label.
picklistValue – drop down value component in the picklist
demo – Demo component on how to use this reusable component.

Watch this video how it works when it is placed on your component.

You can find details in this repo.

https://github.com/brahmajitammana/multi-select-picklist-lwc/tree/master/force-app/main/default/lwc

Upcoming Enhancements:

  • Ability to align with more styling.
  • Ability to select all values when they select a value – All
  • Ability to close drop down on click of outer div element rather than mouseleave.

If you see any issue with code, please leave a comment. will fix as soon as possible.

Please follow and like us:
error

1 Comment

Leave a Reply

Your email address will not be published.


*