---
title: SelectListBox
description: SelectListBox
element: vaadin-select-list-box
---

## Description

`<vaadin-select-list-box>` is a Web Component for wrapping `<vaadin-select>` items.

```html
<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](https://vaadin.com/docs/latest/styling/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.