diff --git a/docs/components/catalog.md b/docs/components/catalog.md
index 639f1ac23c..623c5d0cf5 100644
--- a/docs/components/catalog.md
+++ b/docs/components/catalog.md
@@ -239,6 +239,10 @@ The title content for the card.
 
 The body content for the card.
 
+#### card-footer
+
+The footer content for the card.
+
 <KCatalogItem>
   <template #card-title>
     Card Title
@@ -246,6 +250,9 @@ The body content for the card.
   <template #card-body>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec justo libero. Nullam accumsan quis ipsum vitae tempus. Integer non pharetra orci. Suspendisse potenti.
   </template>
+  <template #card-footer>
+    <KBadge appearance="neutral">Card footer</KBadge>
+  </template>
 </KCatalogItem>
 
 ```html
@@ -256,6 +263,9 @@ The body content for the card.
   <template #card-body>
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi nec justo libero. Nullam accumsan quis ipsum vitae tempus. Integer non pharetra orci. Suspendisse potenti.
   </template>
+  <template #card-footer>
+      <KBadge appearance="neutral">Card footer</KBadge>
+  </template>
 </KCatalogItem>
 ```
 
diff --git a/src/components/KCatalog/KCatalogItem.vue b/src/components/KCatalog/KCatalogItem.vue
index 3354134109..a470640aac 100644
--- a/src/components/KCatalog/KCatalogItem.vue
+++ b/src/components/KCatalog/KCatalogItem.vue
@@ -21,6 +21,10 @@
         {{ item ? item.description : '' }}
       </slot>
     </div>
+
+    <template #footer>
+      <slot name="card-footer" />
+    </template>
   </KCard>
 </template>