PopoverClasses property in Menu element in MUI v5

Question

I previous (v4) I used makeStyle to pass class to PopoverClasses property in element.

How to fill this prop in v5 version where makeStyles is obsolete?

NearHuscarl · Accepted Answer · 2021-09-27 14:57:12Z

2

PopoverClasses prop from Menu is used to inject the class names to the Popover component, whose classes prop has these CSS properties that can be overridden. You can do the same in MUI v5 by getting the popoverClasses from the Popover and apply to the Popover component like this:

import { popoverClasses } from "@mui/material/Popover";

<Menu
  sx={{
    [`&.${popoverClasses.root}`]: {
      backgroundColor: "gray"
    },
    [`& .${popoverClasses.paper}`]: {
      color: "blue"
    }
  }}
  {...}
>

Live Demo

answered Sep 27, 2021 at 14:57

NearHuscarl

83.1k24 gold badges321 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PopoverClasses property in Menu element in MUI v5

1 Answer 1

Live Demo

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Live Demo

Comments

Your Answer

Sign up or log in

Post as a guest

Related