From a0829f5403338e7b1cafc5ccbbe6bf5e1027275f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=20Mail=C3=A4nder?=
 <87228994+mmailaender@users.noreply.github.com>
Date: Wed, 23 Aug 2023 16:18:35 +0200
Subject: [PATCH] Added Tailwind Intellisense configuration to docs

---
 docs/guide/styling.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/docs/guide/styling.md b/docs/guide/styling.md
index c8c61e891b6..0723c22410e 100644
--- a/docs/guide/styling.md
+++ b/docs/guide/styling.md
@@ -79,6 +79,14 @@ The editor works fine with Tailwind CSS, too. Find an example that’s styled wi
 
 https://embed.tiptap.dev/preview/Experiments/Tailwind
 
+#### Intellisense
+If you're using [TailwindCSS Intellisense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) add the following snippet to your `.vscode/setting.json` to add intellisense support inside TipTap objects:
+```json
+"tailwindCSS.experimental.classRegex": [
+  "class:\\s*?[\"'`]([^\"'`]*).*?,"
+]
+```
+
 ## Option 3: Customize the HTML
 Or you can customize the markup for extensions. The following example will make a custom bold extension that doesn’t render a `<strong>` tag, but a `<b>` tag: