Add size 12 ui coverage icon & add classname for tooltip popper (#519)

* add classname for tooltip popper container * add size 12 cypress icon * add changeset * remove icon and update changeset
cypress-io · Jan 7, 2025 · 748fb55 · 748fb55
1 parent 3658224
commit 748fb55
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/lovely-emus-change.md b/.changeset/lovely-emus-change.md
@@ -0,0 +1,5 @@
+---
+'@cypress-design/react-tooltip': patch
+---
+
+Allow tooltip popper to receive a classname
diff --git a/components/Tooltip/react/Tooltip.tsx b/components/Tooltip/react/Tooltip.tsx
@@ -32,6 +32,10 @@ export interface TooltipProps {
    * The content of the tooltip.
    */
   popper?: React.ReactNode
+  /**
+   * classname for the popper container
+   */
+  popperClassName?: string
   /**
    * Disable the tooltip.
    * This hides the popper and makes the tooltip inactive.
@@ -65,6 +69,7 @@ export const Tooltip: React.FC<
   placement,
   color = 'light',
   className,
+  popperClassName,
   children,
   popper,
   disabled,
@@ -180,6 +185,7 @@ export const Tooltip: React.FC<
                 ref={refs.setFloating}
                 style={{ ...floatingStyles, zIndex: 100 }}
                 role="tooltip"
+                className={popperClassName}
                 {...getFloatingProps()}
               >
                 <div