feat(modal): made blur div optional

telus-agcg · Nov 13, 2024 · a687797 · a687797
1 parent 162d983
commit a687797
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/Modal/Modal.component.tsx b/src/Modal/Modal.component.tsx
@@ -61,6 +61,11 @@ export interface Props extends ReactModalProps {
    * @default false
    **/
   disableCloseIcon: boolean;
+  /**
+   * adds blur effect at the bottom
+   * @default true
+   **/
+  blurEffect?: boolean;
 }
 
 const modalSizeRules: Function = (modalSize: string, theme: any) => {
@@ -261,6 +266,7 @@ export class Modal extends React.Component<Props> {
       children,
       modalTitle,
       footerContent,
+      blurEffect = true,
       ...props
     } = this.props;
     return (
@@ -295,9 +301,13 @@ export class Modal extends React.Component<Props> {
             </ModalHeaderDiv>
           )}
           <ModalBodyDiv>{children}</ModalBodyDiv>
-          <ModalBlurWrapper>
-            <ModalBlurDiv />
-          </ModalBlurWrapper>
+          {blurEffect ? (
+            <ModalBlurWrapper>
+              <ModalBlurDiv />
+            </ModalBlurWrapper>
+          ) : (
+            ''
+          )}
           {footerContent && (
             <ModalFooterDiv modalTitle={modalTitle}>
               {footerContent}