Every items object must have a unique "id" property.
## Default
By default, items will be ordered alphabetically based on the `item.text` value. To prevent this, see [#no-alphabetical-ordering](#no-alphabetical-ordering).
## Custom slot
Override the default slot to customize the display of each item. Access the item and index through the `let:` directive.
## No alphabetical ordering
To prevent alphabetical item ordering, pass an empty function to the `sortItem` prop.
## Filterable
`$$restProps` are spread to the underlying input element.
## Initial selected items
To select (or bind) items, pass an array of item ids to `selectedIds`.
## Multiple multi-select dropdowns
## Format item display text
Use the `itemToString` prop to format the display of individual items.
{
return item.text + ' (' + item.id +')'
}} titleText="Contact" label="Select contact methods..."
items="{[{id: "0", text: "Slack"},
{id: "1", text: "Email"},
{id: "2", text: "Fax"}]}"
sortItem="{() => {}}"
/>
## Top direction
Set `direction` to `"top"` for the dropdown menu to appear above the input.
## Hidden label
## Light variant
## Inline variant
## Extra-large size
## Small size
## Invalid state
## Warning state
## Disabled state
## Disabled items
Use the `disabled` property in the `items` prop to disable specific items.