diff --git a/docs/components/content/ComponentCard.vue b/docs/components/content/ComponentCard.vue
index 3987066a..e4a3144c 100644
--- a/docs/components/content/ComponentCard.vue
+++ b/docs/components/content/ComponentCard.vue
@@ -47,7 +47,7 @@
       </component>
     </div>
 
-    <ContentRenderer :value="ast" class="[&>div>pre]:!rounded-t-none" />
+    <ContentRenderer v-if="!previewOnly" :value="ast" class="[&>div>pre]:!rounded-t-none" />
   </div>
 </template>
 
@@ -100,6 +100,10 @@ const props = defineProps({
   overflowClass: {
     type: String,
     default: ''
+  },
+  previewOnly: {
+    type: Boolean,
+    default: false
   }
 })