feat: add a prop to the tooltip component for collision padding

rango-exchange · Nov 4, 2024 · ada729d · ada729d
1 parent 5ce4873
commit ada729d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/widget/ui/src/components/Tooltip/Tooltip.tsx b/widget/ui/src/components/Tooltip/Tooltip.tsx
@@ -22,6 +22,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
     styles,
     align,
     alignOffset,
+    collisionPadding,
   } = props;
 
   return (
@@ -36,6 +37,7 @@ export function Tooltip(props: PropsWithChildren<TooltipPropTypes>) {
             align={align}
             side={side}
             sideOffset={sideOffset}
+            collisionPadding={collisionPadding}
             collisionBoundary={container}>
             <TooltipTypography
               css={styles?.content}

diff --git a/widget/ui/src/components/Tooltip/Tooltip.types.ts b/widget/ui/src/components/Tooltip/Tooltip.types.ts
@@ -18,4 +18,5 @@ export interface TooltipPropTypes {
   };
   align?: RadixTooltipContentProps['align'];
   alignOffset?: RadixTooltipContentProps['alignOffset'];
+  collisionPadding?: RadixTooltipContentProps['collisionPadding'];
 }