fix: add autoalign in button (#17723)

Co-authored-by: Alison Joseph <alison.joseph@us.ibm.com>
carbon-design-system · Oct 11, 2024 · a71040f · a71040f
1 parent 261d33c
commit a71040f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -395,6 +395,9 @@ Map {
         ],
         "type": "oneOfType",
       },
+      "autoAlign": Object {
+        "type": "bool",
+      },
       "children": Object {
         "type": "node",
       },

diff --git a/packages/react/src/components/Button/Button.tsx b/packages/react/src/components/Button/Button.tsx
@@ -130,6 +130,7 @@ const Button = React.forwardRef(function Button<T extends React.ElementType>(
   const tooltipRef = useRef(null);
   const {
     as,
+    autoAlign = false,
     children,
     hasIconOnly = false,
     iconDescription,
@@ -191,6 +192,7 @@ const Button = React.forwardRef(function Button<T extends React.ElementType>(
         onMouseLeave={onMouseLeave}
         onFocus={onFocus}
         onBlur={onBlur}
+        autoAlign={autoAlign}
         onClick={composeEventHandlers([onClick, handleClick])}
         renderIcon={iconOnlyImage ? null : ButtonImageElement} // avoid doubling the icon.
       >
@@ -212,6 +214,11 @@ Button.propTypes = {
     PropTypes.elementType,
   ]),
 
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes.bool,
+
   /**
    * Specify the content of your Button
    */