From be1b8b6c4358ceb6d600d5aabf9294c9da02c79c Mon Sep 17 00:00:00 2001
From: Ali Khowaja <96657278+phyziyx@users.noreply.github.com>
Date: Thu, 14 Nov 2024 02:52:45 +0500
Subject: [PATCH] docs(charts): add styling notes for cartesian grid

---
 apps/www/content/docs/components/chart.mdx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/apps/www/content/docs/components/chart.mdx b/apps/www/content/docs/components/chart.mdx
index 9566275e48b..b7292512fe4 100644
--- a/apps/www/content/docs/components/chart.mdx
+++ b/apps/www/content/docs/components/chart.mdx
@@ -487,6 +487,19 @@ const chartData = [
 ]
 ```
 
+### Grids
+
+For theming of cartesian grids, you must pass in the default values to override it with tailwind classes:
+
+```tsx
+<CartesianGrid
+  stroke={"#000000"}
+  strokeOpacity={1}
+  vertical={false}
+  className="stroke-black/50 dark:stroke-white/50"
+/>
+```
+
 #### Tailwind
 
 ```tsx