From bfd15c1818a93053ac911e1d3de7af7944f35cd4 Mon Sep 17 00:00:00 2001
From: David Parys <56082497+davidparys@users.noreply.github.com>
Date: Mon, 4 Mar 2024 11:55:17 +0100
Subject: [PATCH] docs(Link): add `IntelliSense` section (#1442)

---
 docs/content/2.components/link.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/content/2.components/link.md b/docs/content/2.components/link.md
index 012c1ec6..31593c85 100644
--- a/docs/content/2.components/link.md
+++ b/docs/content/2.components/link.md
@@ -33,6 +33,18 @@ It also renders an `<a>` tag when a `to` prop is provided, otherwise it defaults
 
 It is used underneath by the [Button](/components/button), [Dropdown](/components/dropdown) and [VerticalNavigation](/components/vertical-navigation) components.
 
+## IntelliSense
+If you're using VSCode and wish to get autocompletion for the classes `active-class` and `inactive-class`, you can add the following settings to your `.vscode/settings.json`:
+
+```json [.vscode/settings.json]
+{
+    "tailwindCSS.classAttributes": [
+      "active-class",
+      "inactive-class"
+  ],
+}
+```
+
 ## Props
 
 :component-props