feat(Tag): QUV-940 tooltip prop in Tag

DevoInc · May 10, 2023 · 60ba85b · 60ba85b
1 parent 1d4ee01
commit 60ba85b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/core/src/components/Tag/Tag.tsx b/packages/core/src/components/Tag/Tag.tsx
@@ -35,6 +35,7 @@ export const Tag: React.FC<TagProps> = ({
   wide,
   size = 'md',
   text,
+  tooltip,
   ...restNativeProps
 }) => {
   return (
@@ -45,6 +46,7 @@ export const Tag: React.FC<TagProps> = ({
       quiet={quiet}
       wide={wide}
       size={size}
+      title={tooltip}
     >
       {quiet && (
         <StyledTagBadge

diff --git a/packages/core/src/declarations/htmlAttrs.ts b/packages/core/src/declarations/htmlAttrs.ts
@@ -12,8 +12,11 @@ import type { AllHTMLAttributes } from 'react';
 export interface GlobalAttrProps<T = Element> {
   /** A unique identifier for the element */
   id?: AllHTMLAttributes<T>['id'];
+  // TODO: We have to use 'tooltip' instead of 'title', so once this name is not used, we have to remove this prop
   /** A title or description of the element, typically displayed as a tooltip when hovering over the element */
   title?: AllHTMLAttributes<T>['title'];
+  /** A title or description of the element, typically displayed as a tooltip when hovering over the element */
+  tooltip?: AllHTMLAttributes<T>['title'];
   /** Defines the role of an element in the context of the document, such as "button" or "navigation" */
   role?: AllHTMLAttributes<T>['role'];
 }