diff --git a/exampleSite/content/docs/guide/shortcodes/details.md b/exampleSite/content/docs/guide/shortcodes/details.md
new file mode 100644
index 0000000..eed2605
--- /dev/null
+++ b/exampleSite/content/docs/guide/shortcodes/details.md
@@ -0,0 +1,43 @@
+---
+title: Details
+---
+
+A built-in component to display a collapsible content.
+
+<!--more-->
+
+## Example
+
+{{% details title="Details" %}}
+
+This is the content of the details.
+
+Markdown is **supported**.
+
+{{% /details %}}
+
+{{% details title="Details Closed" closed="true" %}}
+
+This will be closed by default.
+
+{{% /details %}}
+
+## Usage
+
+````
+{{%/* details title="Details" */%}}
+
+This is the content of the details.
+
+Markdown is **supported**.
+
+{{%/* /details */%}}
+````
+
+````
+{{%/* details title="Details Closed" closed="true" */%}}
+
+This will be closed by default.
+
+{{%/* /details */%}}
+````