[Fix] Add user defined overlayClassname (#1654)

navikt · Oct 12, 2022 · 4e77667 · 4e77667
1 parent e2b3180
commit 4e77667
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/@navikt/core/react/src/modal/Modal.tsx b/@navikt/core/react/src/modal/Modal.tsx
@@ -27,6 +27,10 @@ export interface ModalProps {
    * User defined classname for modal
    */
   className?: string;
+  /**
+   * User defined classname for modal
+   */
+  overlayClassName?: string;
   /**
    * Removes close-button(X) when false
    * @default true
@@ -69,6 +73,7 @@ export const Modal = forwardRef<ReactModal, ModalProps>(
       open,
       onClose,
       className,
+      overlayClassName,
       shouldCloseOnOverlayClick = true,
       closeButton = true,
       "aria-describedby": ariaDescribedBy,
@@ -99,7 +104,7 @@ export const Modal = forwardRef<ReactModal, ModalProps>(
         isOpen={open}
         ref={mergedRef}
         className={cl("navds-modal", className)}
-        overlayClassName="navds-modal__overlay"
+        overlayClassName={cl("navds-modal__overlay", overlayClassName)}
         shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
         onRequestClose={(e) => onModalCloseRequest(e)}
         aria={{