Autocomplete
A text input which shows autocomplete suggestions.
Importing
1
import { Autocomplete } from '@infinityfx/fluid';Usage
API reference
Autocomplete Props
completions?
string[] | { label: string; value: string; }[]
The list of autocomplete suggestions.
emptyMessage?
string
"No suggestions"
Text shown when there are no completions to display.
contentSize?
'xsm' | 'sml' | 'med' | 'lrg'
Size of the dropdown content.
virtualItemHeight?
number
When set to a number greater than 0, enables virtual scrolling for better performance with large suggestion lists.
value?
string
Controlled text value.
defaultValue?
string
Default text value.
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
variant?
'default' | 'minimal'
'default'
round?
boolean
false
icon?
React.ReactNode
Icon element displayed on the left side of the field.
error?
any
Marks the field as invalid when truthy.
disabled?
boolean
false