Skip to main content
Vuetify0 is now in alpha!
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

createCombobox API

API reference for the createCombobox composable.

Explore these related pages for additional context and usage patterns.

PageCategory
createComboboxForms
createSelectionSelection
useVirtualFocusSystem
ComboboxForms

Functions

createCombobox

(options?: ComboboxOptions) => ComboboxContext

Creates a combobox context that orchestrates selection, popover, virtual focus, and adapter-based filtering into a single coordinated state.

createComboboxContext

(options?: ComboboxOptions & { namespace?: string; }) => ContextTrinity<ComboboxContext>

Creates a combobox context with dependency injection support.

useCombobox

(namespace?: string) => ComboboxContext

Injects the current combobox context from a parent provider.

Options

multiple

MaybeRefOrGetter<boolean> | undefined

mandatory

MaybeRefOrGetter<boolean> | undefined

disabled

MaybeRefOrGetter<boolean> | undefined

strict

MaybeRefOrGetter<boolean> | undefined

error

MaybeRefOrGetter<boolean> | undefined

errorMessages

MaybeRefOrGetter<MaybeArray<string> | undefined>

adapter

ComboboxAdapter | undefined

displayValue

((value: unknown) => string) | undefined

id

string | undefined

name

string | undefined

form

string | undefined

Properties

selection

SelectionContext<SelectionTicketInput<unknown>, SelectionTicket<SelectionTicketInput<unknown>>>

popover

PopoverReturn

cursor

VirtualFocusReturn

query

ShallowRef<string>

display

Readonly<Ref<string, string>>

pristine

ShallowRef<boolean>

filtered

Ref<Set<ID>, Set<ID>>

isEmpty

Ref<boolean, boolean>

isLoading

ShallowRef<boolean>

isOpen

ShallowRef<boolean>

id

string

inputId

string

listboxId

string

errorId

string

hasDescription

ShallowRef<boolean>

hasError

ShallowRef<boolean>

errors

Readonly<Ref<string[], string[]>>

isValid

Readonly<Ref<boolean | null, boolean | null>>

inputEl

ShallowRef<HTMLElement | null>

multiple

boolean

strict

MaybeRefOrGetter<boolean>

disabled

MaybeRefOrGetter<boolean>

name

string | undefined

form

string | undefined

Methods

open

() => void

close

() => void

toggle

() => void

select

(id: ID) => void

clear

() => void
Was this page helpful?

Ctrl+/