Early access. Read the blog post


The Autocomplete component is typically used for search components. It consists of a text input for writing a query, and properties for rendering suggestions.


border?: boolean
id: string
onChange?: (value: string) => void
onSelect?: (value: string) => void
options: {value: string}[]
The options to render.
padding?: number | number[]
radius?: number | number[]
renderOption: (option: {value: string}) => React.ReactNode
The callback function for rendering each option.
size?: number | number[]
value?: string
The current value.
onQueryChange?: (query: string) => void
Listen for changes to the query string.
Updated 1w ago
On this page
the platform for structured content