Reka UI logoReka
backdrop
PropDefaultType
as
'div'
AsTag | Component

The element or component this component should render as. Can be overwritten by asChild.

asChild
boolean

Change the default rendered element for the one passed as a child, merging their props and behavior.

Read our Composition guide for more details.

defaultOpen
boolean

The open state of the autocomplete when it is initially rendered. Use when you do not need to control its open state.

defaultValue
string

The value of the autocomplete when initially rendered. Use when you do not need to control the state.

dir
'ltr' | 'rtl'

The reading direction of the autocomplete when applicable.

disabled
boolean

When true, prevents the user from interacting with autocomplete

highlightOnHover
true
boolean

When true, hover over item will trigger highlight

ignoreFilter
boolean

When true, disable the default filters

modelValue
string

The controlled value of the Autocomplete (the input text). Can be bound with v-model.

name
string

The name of the field. Submitted with its owning form as part of a name/value pair.

open
boolean

The controlled open state of the Autocomplete. Can be bound with v-model:open.

openOnClick
false
boolean

Whether to open the autocomplete when the input is clicked

openOnFocus
false
boolean

Whether to open the autocomplete when the input is focused

required
boolean

When true, indicates that the user must set the value before the owning form can be submitted.

resetSearchTermOnBlur
false
boolean

Whether to reset the searchTerm when the Autocomplete input blurred

EmitPayload
highlight
[payload: { ref: HTMLElement; value: string; }]

Event handler when highlighted element changes.

update:modelValue
[value: string]

Event handler called when the value changes.

update:open
[value: boolean]

Event handler called when the open state of the autocomplete changes.

Slots (default)Payload
open
boolean

Current open state

modelValue
string

Current active value