Class: MultiSelectCombobox

MultiSelectCombobox

Combobox with different configuration options that also supports multi select.
Source:
Example
<c-multi-select-combobox label="Products" name="products" options={options} ... required></c-multi-select-combobox>

Extends

  • LightningElement

Members

disabled :boolean

If present, the combobox is disabled and users cannot interact with it.
Type:
  • boolean
Default Value:
  • false
Source:

label :string

Text label for the combobox.
Type:
  • string
Default Value:
  • ''
Source:

name :string

Specifies the name of the combobox.
Type:
  • string
Source:

options :Array

A list of options that are available for selection. Supported option attributes: label, value, selected.
Type:
  • Array
Source:
Example
options = [
  {
    label: 'Option 1',
    value: 'option1'
  },
  {
    label: 'Option 2',
    value: 'option2',
    selected: true
  },
]

placeholder :string

Text that is displayed before an option is selected, to prompt the user to select an option.
Type:
  • string
Default Value:
  • 'Select an Option'
Source:

readOnly :boolean

If present, the combobox is read-only. A read-only combobox is also disabled.
Type:
  • boolean
Default Value:
  • false
Source:

required :boolean

If present, a value must be selected before a form can be submitted.
Type:
  • boolean
Default Value:
  • false
Source:

showPills :boolean

If present, the combobox will show a pill container with the currently selected options.
Type:
  • boolean
Default Value:
  • false
Source:

singleSelect :boolean

If present, the combobox only allows the selection of a single value.
Type:
  • boolean
Default Value:
  • false
Source: