💄 style: Expose tooltip overlayStyle prop (lobehub#162)

* Update index.tsx * expose tooltip overlayStyle * Update index.tsx
bentwnghk · Jun 9, 2024 · 23a4fa0 · 23a4fa0
1 parent 3f2fb41
commit 23a4fa0
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/ActionIcon/index.tsx b/src/ActionIcon/index.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import React from 'react';
 import { Loader2 } from 'lucide-react';
 import { forwardRef, useMemo } from 'react';
 import { Flexbox, type FlexboxProps } from 'react-layout-kit';
@@ -47,7 +48,7 @@ export interface ActionIconProps extends LucideIconProps, FlexboxProps {
    * @description Set the loading status of ActionIcon
    */
   loading?: boolean;
-
+  overlayStyle?: React.CSSProperties;
   /**
    * @description The position of the tooltip relative to the target
    * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
@@ -94,6 +95,7 @@ const ActionIcon = forwardRef<HTMLDivElement, ActionIconProps>(
       onClick,
       children,
       loading,
+      overlayStyle,
       tooltipDelay = 0.5,
       fillOpacity,
       fillRule,
@@ -145,7 +147,7 @@ const ActionIcon = forwardRef<HTMLDivElement, ActionIconProps>(
       <Tooltip
         arrow={arrow}
         mouseEnterDelay={tooltipDelay}
-        overlayStyle={{ pointerEvents: 'none' }}
+        overlayStyle={{ pointerEvents: 'none', ...overlayStyle }}
         placement={placement}
         title={title}
       >