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

  • Material-UI Autocomplete with support for full-width layout.

    Wraps Material-UI's Autocomplete component with FormControl to provide a fullWidth prop that applies width: 100% styling. Maintains all Material-UI Autocomplete functionality including generic type support for strongly-typed option objects. Supports ref forwarding for direct access to the input element.

    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>

      Autocomplete configuration (see AutocompletePropsExtend interface)

    • ref: Ref<HTMLElement>

      Ref forwarded to the underlying input element

    Returns Element

    Autocomplete component with FormControl wrapper

    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

    See

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