Adding info to Style Guide about default behaviour of Details component.

cloudflare · Oct 21, 2024 · 73ae1d9 · 73ae1d9
1 parent 038cbd5
commit 73ae1d9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git 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>
-```
+```
+
+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>
+```