---
url: "https://vueda.dev/v3/reference/theming/keys/ComboboxList.md"
title: "ComboboxList"
---

# ComboboxList

Source: `client/lib/theme/vueda-tailwind/controls/index.js`

> The floating popover surface that holds the [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) rows. Reads as a popover: 2px control radius, `--popover` fill, and a hairline edge with popover elevation (`overlay-hairline`), with the standard side-aware enter / exit transforms anchored on `--reka-combobox-content-transform-origin` so the surface scales out of the corner closest to the trigger. Fixed 200px width matches [ComboboxAnchor.root](/v3/reference/theming/keys/ComboboxAnchor.md#theme-key-ComboboxAnchor-root); the inner [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root) owns scrolling.

Vue component: [ComboboxList](/v3/reference/api/vue/ComboboxList.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ComboboxList.md#theme-key-ComboboxList-root) | 3 classes | The floating popover surface that holds the [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) rows. Reads as a popover: 2px control radius, `--popover` fill, and a hairline edge with popover elevation (`overlay-hairline`), with the standard side-aware enter / exit transforms anchored on `--reka-combobox-content-transform-origin` so the surface scales out of the corner closest to the trigger. Fixed 200px width matches [ComboboxAnchor.root](/v3/reference/theming/keys/ComboboxAnchor.md#theme-key-ComboboxAnchor-root); the inner [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root) owns scrolling. |

<a id="theme-key-ComboboxList-root"></a>

## root

> The floating popover surface that holds the [ComboboxItem.root](/v3/reference/theming/keys/ComboboxItem.md#theme-key-ComboboxItem-root) rows. Reads as a popover: 2px control radius, `--popover` fill, and a hairline edge with popover elevation (`overlay-hairline`), with the standard side-aware enter / exit transforms anchored on `--reka-combobox-content-transform-origin` so the surface scales out of the corner closest to the trigger. Fixed 200px width matches [ComboboxAnchor.root](/v3/reference/theming/keys/ComboboxAnchor.md#theme-key-ComboboxAnchor-root); the inner [ComboboxViewport.root](/v3/reference/theming/keys/ComboboxViewport.md#theme-key-ComboboxViewport-root) owns scrolling.

Default classes:

```text
z-50 w-[200px] rounded-vueda-control overlay-hairline bg-popover text-popover-foreground origin-(--reka-combobox-content-transform-origin) overflow-hidden outline-none
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0
data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2
```

Source: `client/lib/theme/vueda-tailwind/controls/ComboboxList.theme.js:16`