reactjs - Dropdown on button click using Material UI

Question

How to show dropdown on button click using material ui?

Currently, I'm able to do so but extra select field is getting populated which is not required. I don't want to hide select field with css.

Also, How can I change width, height, position and other properties of generated popover using material ui? codesandbox url: https://codesandbox.io/s/du8mr

current implementation

popover

Answer 1

You can use Menu component instead of a Select component.

You can change the Menu props using MenuProps which receives all Popover props.

From Menu documentation:

Any other props supplied will be provided to the root element (Popover).