[Autocomplete] Add ability to change the root element via slots

[GerardasB]

Summary

Autocomplete component should support changing of the root element by exposing the component prop or by exposing the root property in the slotProps prop, similarly to chip

material-ui/packages/mui-material/src/Autocomplete/Autocomplete.d.ts

Line 142 in 3b84cd2

chip: SlotProps<

Examples

https://stackblitz.com/edit/vitejs-vite-nwrkid3s?file=src%2FApp.tsx%3AL14

Motivation

This is useful when customizing the semantics of Autocomplete from within a theme (without having to deliver wrapper components). I.e. having a context that wraps the input is useful when adding group semantics with associated label (context can be used to determine if the TextField is rendered within Autocomplete w/o needing to lookup DOM structure/class names).

Search keywords: autocomplete, root element, component prop

[linear]

MAT-1762

[ZeeshanTamboli]

I suppose we can add this. I'll mark it as a new feature.

---

Also, the documentation you linked https://mui.com/material-ui/customization/overriding-component-structure/#the-slotprops-prop is wrong here which shows:

<Autocomplete slotProps={{ root: { id: 'badge1' } }}>

There is no root slot on Autocomplete. (PR to fix it: #47799)