ComboboxInput

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

The search field at the top of a 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

Slot	Default classes	Description
root	2 classes	The search field at the top of a 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.

root

The search field at the top of a 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:

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:opacity-50

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