Variable AutocompleteConst

Type Declaration

• • <
        T,
        Multiple extends boolean | undefined = undefined,
        DisableClearable extends boolean | undefined = undefined,
        FreeSolo extends boolean | undefined = undefined,
    >(
        props: AutocompletePropsExtend<T, Multiple, DisableClearable, FreeSolo>,
        ref: Ref<HTMLElement>,
    ): Element

  • A customized Material-UI Autocomplete component with enhanced functionality.

    Type Parameters

    • T
    • Multiple extends boolean | undefined = undefined
    • DisableClearable extends boolean | undefined = undefined
    • FreeSolo extends boolean | undefined = undefined

    Parameters

    • props: AutocompletePropsExtend<T, Multiple, DisableClearable, FreeSolo>

      The properties for the Autocomplete component

    • ref: Ref<HTMLElement>

      The ref forwarded to the underlying MaterialAutocomplete

    Returns Element

    A rendered Autocomplete component

    Component

    Example

    // Basic usage
    <Autocomplete
      options={['Option 1', 'Option 2']}
      fullWidth
    />
    
    // With objects
    <Autocomplete
      options={[
        { id: 1, label: 'Item 1' },
        { id: 2, label: 'Item 2' }
      ]}
      getOptionLabel={(option) => option.label}
    />
    Copy

    Note

    For performance optimization in cases of frequent parent re-renders, consider wrapping this component with React.memo at the consumption level.

    See

    https://mui.com/material-ui/react-autocomplete/