From 3e13af5782abe2300a3f145f129693a4135edb99 Mon Sep 17 00:00:00 2001
From: abhijeet nardele
 <234410808+abhijeetnardele24-hash@users.noreply.github.com>
Date: Sun, 5 Apr 2026 20:48:34 +0530
Subject: [PATCH] docs: highlight ng add for Angular installs

---
 .../installation/framework-guides/angular.tsx | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/app/(docs)/docs/installation/framework-guides/angular.tsx b/src/app/(docs)/docs/installation/framework-guides/angular.tsx
index 30626ae1b..3b82461c0 100644
--- a/src/app/(docs)/docs/installation/framework-guides/angular.tsx
+++ b/src/app/(docs)/docs/installation/framework-guides/angular.tsx
@@ -33,19 +33,36 @@ export let steps: Step[] = [
     },
   },
   {
-    title: "Install Tailwind CSS",
+    title: "Install Tailwind CSS automatically",
     body: (
       <p>
-        Install <code>@tailwindcss/postcss</code> and its peer dependencies via npm.
+        If you're using a recent version of Angular, the easiest way to add Tailwind CSS is with{" "}
+        <code>ng add tailwindcss</code>. This installs Tailwind and updates your project configuration for you. If
+        you're using an older version of Angular or prefer to set things up yourself, skip this step and follow the
+        manual steps below instead.
+      </p>
+    ),
+    code: {
+      name: "Terminal",
+      lang: "shell",
+      code: shell`
+        ng add tailwindcss
+      `,
+    },
+  },
+  {
+    title: "Install Tailwind CSS manually",
+    body: (
+      <p>
+        To install Tailwind CSS manually, install <code>@tailwindcss/postcss</code> and its peer dependencies via
+        npm.
       </p>
     ),
-
-    // NOTE: The `--force` flag is used to make sure the installation succeeds. Angular has a peer dependency on `tailwindcss` v3 which causes errors when installing `tailwindcss` v4.
     code: {
       name: "Terminal",
       lang: "shell",
       code: shell`
-        npm install tailwindcss @tailwindcss/postcss postcss --force
+        npm install tailwindcss @tailwindcss/postcss postcss
       `,
     },
   },