Add optional custom tooltip text

WordPress · Aug 1, 2022 · a858d70 · a858d70
1 parent f3a5369
commit a858d70
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/components/src/input-control/index.tsx b/packages/components/src/input-control/index.tsx
@@ -59,6 +59,7 @@ export function UnforwardedInputControl(
 		onKeyDown = noop,
 		prefix,
 		showTooltip = false,
+		tooltipText: tooltipTextProp,
 		size = 'default',
 		suffix,
 		value,
@@ -77,7 +78,9 @@ export function UnforwardedInputControl(
 		onChange,
 	} );
 
-	const tooltipText = typeof label === 'string' ? label : undefined;
+	const tooltipText =
+		tooltipTextProp ||
+		( typeof label === 'string' ? ( label as string ) : undefined );
 
 	return (
 		<InputBase

diff --git a/packages/components/src/input-control/types.ts b/packages/components/src/input-control/types.ts
@@ -129,6 +129,11 @@ export interface InputFieldProps extends BaseProps {
 	 */
 	showTooltip?: boolean;
 	stateReducer?: StateReducer;
+	/**
+	 * Custom text to display when tooltips are enabled. If not provided enabled
+	 * tooltips will fallback to using the label value.
+	 */
+	tooltipText?: string;
 	/**
 	 * The current value of the input.
 	 */