Options menu

Here's the component that displays the autocomplete options when the user starts typing or clicks on the down arrow:

const Menu = props => (  <Paper    square    className={props.selectProps.classes.paper}    {...props.innerProps}  >    {props.children}  </Paper>);

The Menu component renders a Material-UI Paper component so that the element surrounding the options is themed accordingly.

Get React Material-UI Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial