From 4a9a2850fc35f1962ea7214e57f8bb1b28637b6b Mon Sep 17 00:00:00 2001
From: Xin <xin@imfing.com>
Date: Wed, 13 Sep 2023 02:54:44 -0400
Subject: [PATCH] docs: add instruction for using markdown in tabs (#47)

---
 .../content/docs/guide/shortcodes/tabs.md     | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/exampleSite/content/docs/guide/shortcodes/tabs.md b/exampleSite/content/docs/guide/shortcodes/tabs.md
index 658e1c58..66ba6853 100644
--- a/exampleSite/content/docs/guide/shortcodes/tabs.md
+++ b/exampleSite/content/docs/guide/shortcodes/tabs.md
@@ -50,3 +50,44 @@ The `YAML` tab will be selected by default.
 {{< tab >}}**TOML**: TOML aims to be a minimal configuration file format that's easy to read due to obvious semantics.{{< /tab >}}
 
 {{< /tabs >}}
+
+
+### Use Markdown
+
+Markdown syntax including code block is also supported:
+
+````
+{{</* tabs items="JSON,YAML,TOML" */>}}
+
+  {{</* tab */>}}
+  ```json
+  { "hello": "world" }
+  ```
+  {{</* /tab */>}}
+
+  ... add other tabs similarly
+
+{{</* /tabs */>}}
+````
+
+{{< tabs items="JSON,YAML,TOML" >}}
+
+  {{< tab >}}
+  ```json
+  { "hello": "world" }
+  ```
+  {{< /tab >}}
+
+  {{< tab >}}
+  ```yaml
+  hello: world
+  ```
+  {{< /tab >}}
+
+  {{< tab >}}
+  ```toml
+  hello = "world"
+  ```
+  {{< /tab >}}
+
+{{< /tabs >}}