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

# ComboboxInput

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

> The search field at the top of a [ComboboxList.root](/v3/reference/theming/keys/ComboboxList.md#theme-key-ComboboxList-root). Sized to the large control-height tier (`h-vueda-control-lg`) so the input reads as the primary surface inside the popover; renders chrome-free (`bg-transparent`, no border or focus ring) because the surrounding popover already owns the elevation and ring contracts. The Combobox trigger that opens the popover wears the input shell instead.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/ComboboxInput.md#theme-key-ComboboxInput-root) | 2 classes | The search field at the top of a [ComboboxList.root](/v3/reference/theming/keys/ComboboxList.md#theme-key-ComboboxList-root). Sized to the large control-height tier (`h-vueda-control-lg`) so the input reads as the primary surface inside the popover; renders chrome-free (`bg-transparent`, no border or focus ring) because the surrounding popover already owns the elevation and ring contracts. The Combobox trigger that opens the popover wears the input shell instead. |

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

## root

> The search field at the top of a [ComboboxList.root](/v3/reference/theming/keys/ComboboxList.md#theme-key-ComboboxList-root). Sized to the large control-height tier (`h-vueda-control-lg`) so the input reads as the primary surface inside the popover; renders chrome-free (`bg-transparent`, no border or focus ring) because the surrounding popover already owns the elevation and ring contracts. The Combobox trigger that opens the popover wears the input shell instead.

Default classes:

```text
placeholder:text-muted-foreground flex h-vueda-control-lg w-full rounded-vueda-control bg-transparent text-sm outline-hidden
disabled:cursor-not-allowed disabled:text-disabled-foreground
```

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