SelectListBox
Description
<vaadin-select-list-box> is a Web Component for wrapping <vaadin-select> items.
<vaadin-select>
<vaadin-select-list-box slot="overlay">
<vaadin-select-item value="foo">Foo</vaadin-select-item>
<vaadin-select-item value="bar">Bar</vaadin-select-item>
</vaadin-select-list-box>
</vaadin-select>Styling
The following shadow DOM parts are available for styling:
| Part name | Description |
|---|---|
items |
The items container |
See Styling Components documentation.
Properties
disabled
Type: boolean
If true, the user cannot interact with this element.
When the element is disabled, the selected item is
not updated when selected property is changed.
items
Type: Element[] | undefined
A read-only list of items from which a selection can be made. It is populated from the elements passed to the light DOM, and updated dynamically when adding or removing items.
orientation
Type: "horizontal" | "vertical"
Define how items are disposed in the dom.
Possible values are: horizontal|vertical.
It also changes navigation keys from left/right to up/down.
selected
Type: number | null | undefined
The index of the item selected in the items array.
Note: Not updated when used in multiple selection mode.