6 files changed, 55 insertions, 0 deletions
diff --git a/docs/components/guide/slots/CompArchive.jinja b/docs/components/guide/slots/CompArchive.jinja
new file mode 100644
index 0000000..dc242fe
--- /dev/null
+++ b/docs/components/guide/slots/CompArchive.jinja
@@ -0,0 +1,10 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+{#def posts #}
+<Layout title="Archive">
+  {% for post in posts %}
+    <Post post={post} />
+  {% endfor %}
+</Layout>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file
diff --git a/docs/components/guide/slots/CompLayout.jinja b/docs/components/guide/slots/CompLayout.jinja
new file mode 100644
index 0000000..86c482e
--- /dev/null
+++ b/docs/components/guide/slots/CompLayout.jinja
@@ -0,0 +1,14 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+{#def title #}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>{{ title }}</title>
+</head>
+<body>
+  {{ content }}
+</body>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file
diff --git a/docs/components/guide/slots/Modal.jinja b/docs/components/guide/slots/Modal.jinja
new file mode 100644
index 0000000..c2a9f66
--- /dev/null
+++ b/docs/components/guide/slots/Modal.jinja
@@ -0,0 +1,7 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+<dialog class="modal">
+  {{ content }}
+</dialog>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file
diff --git a/docs/components/guide/slots/ModalBody.jinja b/docs/components/guide/slots/ModalBody.jinja
new file mode 100644
index 0000000..66794ce
--- /dev/null
+++ b/docs/components/guide/slots/ModalBody.jinja
@@ -0,0 +1,7 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+<div class="modal-body">
+  {{ content }}
+</div>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file
diff --git a/docs/components/guide/slots/ModalFooter.jinja b/docs/components/guide/slots/ModalFooter.jinja
new file mode 100644
index 0000000..e4eac26
--- /dev/null
+++ b/docs/components/guide/slots/ModalFooter.jinja
@@ -0,0 +1,7 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+<footer class="modal-footer">
+  {{ content }}
+</footer>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file
diff --git a/docs/components/guide/slots/ModalHeader.jinja b/docs/components/guide/slots/ModalHeader.jinja
new file mode 100644
index 0000000..6f5bc52
--- /dev/null
+++ b/docs/components/guide/slots/ModalHeader.jinja
@@ -0,0 +1,10 @@
+{% filter markdown %}{% raw %}
+```html+jinja
+<header class="modal-header>
+  <h2 class="modal-title">
+    {{ content }}
+  </h2>
+  <CloseButton />
+</header>
+```
+{% endraw %}{% endfilter %}
+\ No newline at end of file