feat(@clayui/tooltip): Add the new ContainerProps API

liferay · May 19, 2021 · 728600c · 728600c
1 parent 9e905e8
commit 728600c
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/clay-tooltip/src/TooltipProvider.tsx b/packages/clay-tooltip/src/TooltipProvider.tsx
@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 
-import {ClayPortal, Keys, delegate} from '@clayui/shared';
+import {ClayPortal, IPortalBaseProps, Keys, delegate} from '@clayui/shared';
 import domAlign from 'dom-align';
 import React, {useCallback} from 'react';
 import warning from 'warning';
@@ -139,6 +139,11 @@ interface IPropsBase {
 	 */
 	autoAlign?: boolean;
 
+	/**
+	 * Props to add to the <ClayPortal/>.
+	 */
+	containerProps?: IPortalBaseProps;
+
 	/**
 	 * Custom function for rendering the contents of the tooltip
 	 */
@@ -171,6 +176,7 @@ const TooltipProvider: React.FunctionComponent<
 > = ({
 	autoAlign = true,
 	children,
+	containerProps = {},
 	contentRenderer = (props) => props.title,
 	delay = 600,
 	scope,
@@ -369,7 +375,7 @@ const TooltipProvider: React.FunctionComponent<
 	return (
 		<>
 			{show && (
-				<ClayPortal>
+				<ClayPortal {...containerProps}>
 					<ClayTooltip alignPosition={align} ref={tooltipRef} show>
 						{setAsHTML && typeof titleContent === 'string' ? (
 							<span