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

# WidgetCombobox

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

> The trigger uses the input-shell recipe for searchable pickers.

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

| Slot | Default classes | Description |
| --- | --- | --- |
| [trigger](/v3/reference/theming/keys/WidgetCombobox.md#theme-key-WidgetCombobox-trigger) | 11 classes | The trigger uses the input-shell recipe for searchable pickers. |

<a id="theme-key-WidgetCombobox-trigger"></a>

## trigger

> The trigger uses the input-shell recipe for searchable pickers.

Default classes:

```text
data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground
field-line hover:bg-field-hover
focus-visible:hairline-ring focus-visible:focus-ring-shadow
data-[warning=true]:not-aria-invalid:hairline-warning
aria-invalid:hairline-destructive aria-invalid:focus-visible:focus-ring-shadow-destructive
flex w-full h-vueda-control items-center justify-between gap-2
rounded-vueda-field bg-field px-vueda-control-px text-sm
whitespace-nowrap transition-shadow
disabled:pointer-events-none disabled:cursor-not-allowed
disabled:!bg-disabled disabled:!text-disabled-foreground disabled:!hairline-border
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4
```

Source: `client/lib/theme/vueda-tailwind/widgets/WidgetCombobox.theme.js:18`