From 73ae1d9b5b46c1889e78c78d069a2128abeb56a0 Mon Sep 17 00:00:00 2001
From: Jun Lee <junlee@cloudflare.com>
Date: Mon, 21 Oct 2024 16:53:45 +0100
Subject: [PATCH] Adding info to Style Guide about default behaviour of Details
 component.

---
 src/content/docs/style-guide/components/details.mdx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/content/docs/style-guide/components/details.mdx b/src/content/docs/style-guide/components/details.mdx
index 96f682f7598849..0159a2f1fcf4d8 100644
--- a/src/content/docs/style-guide/components/details.mdx
+++ b/src/content/docs/style-guide/components/details.mdx
@@ -10,4 +10,14 @@ import { Details } from "~/components"
 <Details header="Open me!">
     Hello, world!
 </Details>
-```
\ No newline at end of file
+```
+
+You can specify the default configuration of each instance of the `<Details>` component (that is, whether it is open or closed by default).
+
+```mdx live
+import { Details } from "~/components"
+
+<Details header="Close me!" open = {true}>
+    Long piece of code example.
+</Details>
+```