diff --git a/docs/app/components/content/examples/CardExample.vue b/docs/app/components/content/examples/CardExample.vue
new file mode 100644
index 00000000..3dea6136
--- /dev/null
+++ b/docs/app/components/content/examples/CardExample.vue
@@ -0,0 +1,13 @@
+<template>
+  <UCard>
+    <template #header>
+      <Placeholder class="h-8" />
+    </template>
+
+    <Placeholder class="h-32" />
+
+    <template #footer>
+      <Placeholder class="h-8" />
+    </template>
+  </UCard>
+</template>
diff --git a/docs/content/3.components/card.md b/docs/content/3.components/card.md
index 5d1154a9..d6973f14 100644
--- a/docs/content/3.components/card.md
+++ b/docs/content/3.components/card.md
@@ -10,14 +10,12 @@ links:
 
 ::component-example
 ---
-component: 'card-example'
-componentProps:
+name: 'card-example'
+props:
   class: 'w-full'
 ---
 ::
 
-## Usage
-
 ## Examples
 
 ## API