I would like to create autocomplete in React Materaial-ui with a custom dropdown where on the bottom where it would be a button Add New Element.
I tried a few solutions but there was always a problem to keep the button after the search. Anyone has any idea how to do it? If not do you know any other plugin which can do that.
Please check clean code here. https://codesandbox.io/s/pensive-grothendieck-g7eyg?file=/src/App.js
Did you try creatable option in Material UI autocomplete. User can add custom option if he do not find any relevant option.
Materialui autocomplete adding custom option to autocomplete dropdown
You can try to add const data = [...universityList, {name: Add new}] and pass it on to your options props in Autocomplete.