add paperslot

mui · Jan 6, 2025 · db4bea2 · db4bea2
1 parent 3a81578
commit db4bea2
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/packages/mui-material/src/Dialog/Dialog.js b/packages/mui-material/src/Dialog/Dialog.js
@@ -293,6 +293,10 @@ const Dialog = React.forwardRef(function Dialog(inProps, ref) {
 
   const backwardCompatibleSlotProps = {
     transition: TransitionProps,
+    paper: {
+      component: PaperComponent,
+      ...PaperProps,
+    },
     ...slotProps,
   };
 
@@ -313,6 +317,13 @@ const Dialog = React.forwardRef(function Dialog(inProps, ref) {
     },
   });
 
+  const [PaperSlot, paperSlotProps] = useSlot('paper', {
+    elementType: DialogPaper,
+    externalForwardedProps,
+    ownerState,
+    className: clsx(classes.paper, PaperProps.className),
+  });
+
   return (
     <DialogRoot
       className={clsx(classes.root, className)}
@@ -341,19 +352,17 @@ const Dialog = React.forwardRef(function Dialog(inProps, ref) {
           onMouseDown={handleMouseDown}
           ownerState={ownerState}
         >
-          <DialogPaper
-            as={PaperComponent}
+          <PaperSlot
+            as={paperSlotProps.component}
             elevation={24}
             role="dialog"
             aria-describedby={ariaDescribedby}
             aria-labelledby={ariaLabelledby}
             aria-modal={ariaModal}
-            {...PaperProps}
-            className={clsx(classes.paper, PaperProps.className)}
-            ownerState={ownerState}
+            {...paperSlotProps}
           >
             <DialogContext.Provider value={dialogContextValue}>{children}</DialogContext.Provider>
-          </DialogPaper>
+          </PaperSlot>
         </DialogContainer>
       </TransitionSlot>
     </DialogRoot>