From 8186566d93d056cac234acd9d3d3192f830ac58b Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Wed, 1 Oct 2025 16:47:25 +0300
Subject: [PATCH 1/2] feat(tooltip): add arrow to position sample

---
 samples/inputs/tooltip/placement/src/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/samples/inputs/tooltip/placement/src/index.tsx b/samples/inputs/tooltip/placement/src/index.tsx
index b8de07d6f8..4f0d6c9c01 100644
--- a/samples/inputs/tooltip/placement/src/index.tsx
+++ b/samples/inputs/tooltip/placement/src/index.tsx
@@ -35,17 +35,17 @@ export default class TooltipPlacement extends React.Component<any, any> {
         <IgrButton
           variant="outlined"
           id="tooltip-position"
-          style={{ textAlign: "center" }}
         >Click to trigger all supported placements
         </IgrButton>
 
         {this.Positions.map((pos) => (
           <IgrTooltip
             anchor="tooltip-position"
-            show-triggers="click"
-            show-delay="0"
-            hide-delay="0"
-            sticky
+            showTriggers="click"
+            showDelay={0}
+            hideDelay={0}
+            sticky={true}
+            withArrow={true}
             placement={pos}
             key={pos}
           >

From d475e52138273577ab9f00c1c4c92d767d8197f4 Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Wed, 1 Oct 2025 17:15:00 +0300
Subject: [PATCH 2/2] fix(tooltip): add arrow to styling sample

---
 samples/inputs/tooltip/styling/src/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/samples/inputs/tooltip/styling/src/index.tsx b/samples/inputs/tooltip/styling/src/index.tsx
index 9a78d3d44f..4f4fbc6274 100644
--- a/samples/inputs/tooltip/styling/src/index.tsx
+++ b/samples/inputs/tooltip/styling/src/index.tsx
@@ -16,7 +16,7 @@ export default class TooltipStyling extends React.Component<any, any> {
         <IgrAvatar id="avatar" shape="circle"
           src="https://www.infragistics.com/angular-demos-lob/assets/images/avatar/10.jpg"
         ></IgrAvatar>
-        <IgrTooltip placement="bottom-start" anchor="avatar">
+        <IgrTooltip placement="bottom-start" anchor="avatar" withArrow={true}>
           Her name is Madelyn James
         </IgrTooltip>
       </div>