### Default By default, items will be ordered alphabetically based on the `item.text` value. To prevent this, see [#no-alphabetical-ordering](#no-alphabetical-ordering). ### 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. ### Light variant ### Inline type ### Extra-large size ### Small size ### Invalid state ### Warning state ### Disabled state