diff --git a/src/blocks/callout.vue b/src/blocks/callout.vue
index 3b5a801..7612d1a 100644
--- a/src/blocks/callout.vue
+++ b/src/blocks/callout.vue
@@ -5,6 +5,7 @@
     </div>
     <div class="notion-callout-text">
       <NotionTextRenderer :text="title" v-bind="pass" />
+      <slot />
     </div>
   </div>
 </template>
@@ -19,7 +20,7 @@ export default {
   name: "NotionCallout",
   components: {
     NotionPageIcon,
-    NotionTextRenderer,
-  },
+    NotionTextRenderer
+  }
 };
 </script>
diff --git a/src/components/block.vue b/src/components/block.vue
index e8958c5..4da4167 100644
--- a/src/components/block.vue
+++ b/src/components/block.vue
@@ -14,7 +14,9 @@
     v-bind="pass"
   />
   <NotionBookmark v-else-if="isType('bookmark')" v-bind="pass" />
-  <NotionCallout v-else-if="isType('callout')" v-bind="pass" />
+  <NotionCallout v-else-if="isType('callout')" v-bind="pass">
+    <slot />
+  </NotionCallout>
   <NotionCode v-else-if="isType('code')" v-bind="pass" />
   <NotionEquation v-else-if="isType('equation')" v-bind="pass" />
   <NotionText v-else-if="isType('text')" v-bind="pass" />
@@ -102,13 +104,13 @@ export default {
     NotionTableRow,
     NotionText,
     NotionTodo,
-    NotionToggle,
+    NotionToggle
   },
   computed: {
     ...blockComputed,
     isRendererRegistered() {
       return "NotionRenderer" in Vue?.options?.components;
-    },
-  },
+    }
+  }
 };
 </script>