Skip to content

WidgetCombobox

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

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

Vue component: WidgetCombobox

SlotDefault classesDescription
trigger10 classesThe trigger uses the input-shell recipe for searchable pickers.

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
hover:hairline-border-strong hairline
focus-visible:hairline-ring focus-visible:focus-ring-shadow
aria-invalid:hairline-destructive aria-invalid:focus-visible:focus-ring-shadow-destructive
dark:bg-input/30 dark:hover:bg-accent dark:active:bg-accent-active
flex w-full h-vueda-control items-center justify-between gap-2
rounded-vueda-field bg-transparent px-vueda-control-px text-sm
whitespace-nowrap shadow-vueda-control transition-shadow
disabled:cursor-not-allowed disabled:opacity-50
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4

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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2