diff --git a/src/components/Details.astro b/src/components/Details.astro
new file mode 100644
index 0000000..5dd230e
--- /dev/null
+++ b/src/components/Details.astro
@@ -0,0 +1,12 @@
+---
+interface Props {
+	summary: string;
+}
+---
+<div class="collapse collapse-arrow bg-base-100 border-neutral-content border">
+<input type="checkbox" />
+  <div class="collapse-title">{Astro.props.summary}</div>
+  <div class="collapse-content">
+    <slot />
+  </div>
+</div>