reactjsmaterial-uimui-autocomplete

Autocomplete dataSource to render a ListItem Component - Material UI


Can I render a custom component or element inside the Material UI Autocomplete component dropdown? Similar to the example shown below. Is it possible to do this directly within Autocomplete? If so, could you provide a sample or point me to relevant documentation?

Here’s an example of what I'm trying to achieve:

enter image description here

Any help is much appreciated.


Solution

  • Never mind. I used MenuItem put the Avatar component inside leftIcon={}