Skip to content

Autocomplete

Props

API reference for Autocomplete. For usage examples, see the React tab.

Name	Type	Default
children (required)	`ReactNode`
The children wrapped by the autocomplete. Consists of at least an input element and a collection element to filter.
disableAutoFocusFirst	`boolean`	`false`
Whether or not to focus the first item in the collection after a filter is performed. Note this is only applicable if virtual focus behavior is not turned off via `disableVirtualFocus`.
disableVirtualFocus	`boolean`	`false`
Whether the autocomplete should disable virtual focus, instead making the wrapped collection directly tabbable.
filter	`((textValue: string, inputValue: string, node: Node<T>) => boolean)`
An optional filter function used to determine if a option should be included in the autocomplete list. Include this if the items you are providing to your wrapped collection aren't filtered by default.

Name	Type	Default
slot	`string \| null`
A slot name for the component. Slots allow the component to receive props from a parent component. An explicit `null` value indicates that the local props completely override all props received from a parent.