From f19a3039080b7d04a016b25e3f7b971e47fc5468 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 3 Dec 2020 15:58:04 +0100
Subject: [PATCH] add a tailwind demo

---
 .../docPages/guide/{custom-styling.md => styling.md}  | 11 +++++++++++
 docs/src/links.yaml                                   |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)
 rename docs/src/docPages/guide/{custom-styling.md => styling.md} (78%)

diff --git a/docs/src/docPages/guide/custom-styling.md b/docs/src/docPages/guide/styling.md
similarity index 78%
rename from docs/src/docPages/guide/custom-styling.md
rename to docs/src/docPages/guide/styling.md
index 01febff5..d8156de6 100644
--- a/docs/src/docPages/guide/custom-styling.md
+++ b/docs/src/docPages/guide/styling.md
@@ -72,6 +72,17 @@ new Editor({
 })
 ```
 
+### With Tailwind CSS
+The editor works fine with Tailwind CSS, too. Find an example that’s styled with the `@tailwindcss/typography` plugin.
+
+<iframe
+  src="https://codesandbox.io/embed/tiptap-demo-tailwind-iqjz0?fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.js&theme=dark&view=preview"
+  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"
+  title="tiptap-demo-tailwind"
+  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+></iframe>
+
 ## Option 3: Customize the HTML
 You can even customize the markup for every extension. This will make a custom bold extension that doesn’t render a `<strong>` tag, but a `<b>` tag:
 
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index 3908471b..86681c64 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -46,7 +46,7 @@
       link: /guide/create-a-toolbar
       draft: true
     - title: Custom styling
-      link: /guide/custom-styling
+      link: /guide/styling
     - title: Store content
       link: /guide/store-content
     - title: Build extensions