Merge pull request #5526 from GeekyAnts/fix/popover-backdrop

feat: add backdrop pseudo prop
GeekyAnts · Nov 3, 2022 · baa5af5 · baa5af5
2 parents 8c57182 + 69d38e5
commit baa5af5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/composites/Popover/Popover.tsx b/src/components/composites/Popover/Popover.tsx
@@ -27,6 +27,7 @@ const Popover = (
     finalFocusRef,
     useRNModal,
     trapFocus = true,
+    _backdrop,
     ...props
   }: IPopoverProps,
   ref: any
@@ -101,7 +102,7 @@ const Popover = (
           style={StyleSheet.absoluteFill}
         >
           <Popper onClose={handleClose} triggerRef={triggerRef} {...props}>
-            <Backdrop onPress={handleClose} bg="transparent" />
+            <Backdrop onPress={handleClose} bg="transparent" {..._backdrop} />
             <PopoverContext.Provider
               value={{
                 onClose: handleClose,

diff --git a/src/components/composites/Popover/types.ts b/src/components/composites/Popover/types.ts
@@ -103,6 +103,10 @@ export interface InterfacePopoverProps {
    * @default false
    */
   useRNModal?: boolean;
+  /**
+   * Props applied on backdrop.
+   */
+  _backdrop?: any;
 }
 
 export type IPopoverContentImpl = {