From 1f74075dcde9df24c511c700b06c183183892ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 4 Jun 2026 11:18:13 +0200
Subject: [PATCH] Add basic card component example

---
 components/cards.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/components/cards.html b/components/cards.html
index dffb174..694bbb0 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -63,6 +63,23 @@
     </div>
   </section>
 
+  <!-- Component: Basic Card -->
+  <section id="component-basic-card">
+    <p class="sg-preview-label">Component: Basic Card</p>
+
+    <div class="sg-preview-area">
+
+      <article class="sg-card" data-component="basic-card">
+        <div class="sg-card-segment sg-card-segment--body sg-card-segment--gray" data-component-part="card-body">
+          <p class="sg-body">
+            Basic Card mit nur einem Segment und hellgrauer Fläche gemäss Token.
+          </p>
+        </div>
+      </article>
+
+    </div>
+  </section>
+
   <!-- Component: Content Card -->
   <section id="component-content-card">
     <p class="sg-preview-label">Component: Content Card</p>