Skip to content
+

Autocomplete

An autocomplete component is a text input enhanced by a panel of suggested options.

useAutocomplete API

Import

import { useAutocomplete } from '@mui/base/useAutocomplete';
// or
import { useAutocomplete } from '@mui/base';
Learn about the difference by reading this guide on minimizing bundle size.

Parameters

optionsRequired

autoComplete

autoHighlight

autoSelect

blurOnSelect

clearOnBlur

clearOnEscape

componentName

defaultValue

disableClearable

disableCloseOnSelect

disabled

disabledItemsFocusable

disableListWrap

filterOptions

filterSelectedOptions

freeSolo

getOptionDisabled

getOptionLabel

groupBy

handleHomeEndKeys

id

includeInputInList

inputValue

isOptionEqualToValue

multiple

onChange

onClose

onHighlightChange

onInputChange

onOpen

open

openOnFocus

readOnly

selectOnFocus

unstable_classNamePrefix

unstable_isActiveElementInListbox

value

Return value

anchorEl

dirty

expanded

focused

focusedTag

getClearProps

getInputLabelProps

getInputProps

getListboxProps

getOptionProps

getPopupIndicatorProps

getRootProps

getTagProps

groupedOptions

id

inputValue

popupOpen

setAnchorEl

value