fix: 🐛 able to add className to paper in drawer

Closes: mui#18714
siriwatknp · Dec 8, 2019 · 09dff41 · 09dff41
1 parent a973b2f
commit 09dff41
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/material-ui/src/Drawer/Drawer.js b/packages/material-ui/src/Drawer/Drawer.js
@@ -113,7 +113,7 @@ const Drawer = React.forwardRef(function Drawer(props, ref) {
     ModalProps: { BackdropProps: BackdropPropsProp, ...ModalProps } = {},
     onClose,
     open = false,
-    PaperProps,
+    PaperProps = {},
     SlideProps,
     transitionDuration = defaultTransitionDuration,
     variant = 'temporary',
@@ -134,9 +134,14 @@ const Drawer = React.forwardRef(function Drawer(props, ref) {
     <Paper
       elevation={variant === 'temporary' ? elevation : 0}
       square
-      className={clsx(classes.paper, classes[`paperAnchor${capitalize(anchor)}`], {
-        [classes[`paperAnchorDocked${capitalize(anchor)}`]]: variant !== 'temporary',
-      })}
+      className={clsx(
+        classes.paper,
+        classes[`paperAnchor${capitalize(anchor)}`],
+        {
+          [classes[`paperAnchorDocked${capitalize(anchor)}`]]: variant !== 'temporary',
+        },
+        PaperProps.className,
+      )}
       {...PaperProps}
     >
       {children}