From cf2804eb46b38cab53392ffff3f747cc3a6484b2 Mon Sep 17 00:00:00 2001
From: Zaiyang Li <zaiyangli777@gmail.com>
Date: Sat, 20 Jun 2026 17:34:19 -0700
Subject: [PATCH] Expose clip prop on Annotate

---
 packages/annotations/src/Annotate.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/annotations/src/Annotate.tsx b/packages/annotations/src/Annotate.tsx
index eb52646ad..d287141b6 100644
--- a/packages/annotations/src/Annotate.tsx
+++ b/packages/annotations/src/Annotate.tsx
@@ -3,6 +3,7 @@ import { GenericChartComponent } from "@react-financial-charts/core";
 
 export interface AnnotateProps {
     readonly className?: string;
+    readonly clip?: boolean;
     readonly with: React.ElementType;
     readonly when: (value: any, index: number, array: any[]) => boolean;
     readonly usingProps?: any;
@@ -12,10 +13,13 @@ export class Annotate extends React.Component<AnnotateProps> {
     public static defaultProps = {
         className:
             "react-financial-charts-enable-interaction react-financial-charts-annotate react-financial-charts-default-cursor",
+        clip: true,
     };
 
     public render() {
-        return <GenericChartComponent svgDraw={this.renderSVG} drawOn={["pan"]} />;
+        const { clip } = this.props;
+
+        return <GenericChartComponent clip={clip} svgDraw={this.renderSVG} drawOn={["pan"]} />;
     }
 
     private readonly renderSVG = (moreProps: any) => {