[docs][material-ui][Menu] Replace PaperProps with slotProps.paper…

… in demos (#43354)
mui · Aug 21, 2024 · c6cdde8 · c6cdde8
1 parent b66a718
commit c6cdde8
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 54 deletions.
diff --git a/docs/data/material/components/menus/AccountMenu.js b/docs/data/material/components/menus/AccountMenu.js
@@ -45,29 +45,31 @@ export default function AccountMenu() {
  open={open}
  onClose={handleClose}
  onClick={handleClose}
- PaperProps={{
- elevation: 0,
- sx: {
- overflow: 'visible',
- filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
- mt: 1.5,
- '& .MuiAvatar-root': {
- width: 32,
- height: 32,
- ml: -0.5,
- mr: 1,
- },
- '&::before': {
- content: '""',
- display: 'block',
- position: 'absolute',
- top: 0,
- right: 14,
- width: 10,
- height: 10,
- bgcolor: 'background.paper',
- transform: 'translateY(-50%) rotate(45deg)',
- zIndex: 0,
+ slotProps={{
+ paper: {
+ elevation: 0,
+ sx: {
+ overflow: 'visible',
+ filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
+ mt: 1.5,
+ '& .MuiAvatar-root': {
+ width: 32,
+ height: 32,
+ ml: -0.5,
+ mr: 1,
+ },
+ '&::before': {
+ content: '""',
+ display: 'block',
+ position: 'absolute',
+ top: 0,
+ right: 14,
+ width: 10,
+ height: 10,
+ bgcolor: 'background.paper',
+ transform: 'translateY(-50%) rotate(45deg)',
+ zIndex: 0,
+ },
  },
  },
  }}

diff --git a/docs/data/material/components/menus/AccountMenu.tsx b/docs/data/material/components/menus/AccountMenu.tsx
@@ -45,29 +45,31 @@ export default function AccountMenu() {
  open={open}
  onClose={handleClose}
  onClick={handleClose}
- PaperProps={{
- elevation: 0,
- sx: {
- overflow: 'visible',
- filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
- mt: 1.5,
- '& .MuiAvatar-root': {
- width: 32,
- height: 32,
- ml: -0.5,
- mr: 1,
- },
- '&::before': {
- content: '""',
- display: 'block',
- position: 'absolute',
- top: 0,
- right: 14,
- width: 10,
- height: 10,
- bgcolor: 'background.paper',
- transform: 'translateY(-50%) rotate(45deg)',
- zIndex: 0,
+ slotProps={{
+ paper: {
+ elevation: 0,
+ sx: {
+ overflow: 'visible',
+ filter: 'drop-shadow(0px 2px 8px rgba(0,0,0,0.32))',
+ mt: 1.5,
+ '& .MuiAvatar-root': {
+ width: 32,
+ height: 32,
+ ml: -0.5,
+ mr: 1,
+ },
+ '&::before': {
+ content: '""',
+ display: 'block',
+ position: 'absolute',
+ top: 0,
+ right: 14,
+ width: 10,
+ height: 10,
+ bgcolor: 'background.paper',
+ transform: 'translateY(-50%) rotate(45deg)',
+ zIndex: 0,
+ },
  },
  },
  }}

diff --git a/docs/data/material/components/menus/LongMenu.js b/docs/data/material/components/menus/LongMenu.js
@@ -53,10 +53,12 @@ export default function LongMenu() {
  anchorEl={anchorEl}
  open={open}
  onClose={handleClose}
- PaperProps={{
- style: {
- maxHeight: ITEM_HEIGHT * 4.5,
- width: '20ch',
+ slotProps={{
+ paper: {
+ style: {
+ maxHeight: ITEM_HEIGHT * 4.5,
+ width: '20ch',
+ },
  },
  }}
  >

diff --git a/docs/data/material/components/menus/LongMenu.tsx b/docs/data/material/components/menus/LongMenu.tsx
@@ -53,10 +53,12 @@ export default function LongMenu() {
  anchorEl={anchorEl}
  open={open}
  onClose={handleClose}
- PaperProps={{
- style: {
- maxHeight: ITEM_HEIGHT * 4.5,
- width: '20ch',
+ slotProps={{
+ paper: {
+ style: {
+ maxHeight: ITEM_HEIGHT * 4.5,
+ width: '20ch',
+ },
  },
  }}
  >