feat: another example

examples/components/my-card/css/my-card.css

+.cl-component--my-card {
+  max-width: 512px;
+}

examples/components/my-card/metadata.json

+{
+  "$schema": "https://git.drupalcode.org/project/cl_components/-/raw/1.x/src/metadata.schema.json",
+  "machineName": "my-card",
+  "name": "Card",
+  "status": "BETA",
+  "schemas": {
+    "props": {
+      "type": "object",
+      "required": [
+        "header",
+        "children"
+      ],
+      "properties": {
+        "header": {
+          "type": "string",
+          "title": "Header",
+          "description": "The card header",
+          "examples": [
+            "I am a header!"
+          ]
+        }
+      }
+    }
+  }
+}

examples/components/my-card/my-card.stories.yml

+title: Deeply/Card
+stories:
+  - name: Default
+    args:
+      header: I am a header!
+      children: Lorem ipsum, dolor sit, amet ra. Quas praesentium inventore necessitatibus et beatae accusamus veniam officiis. Quisquam ut consectetur possimus recusandae.

examples/components/my-card/my-card.twig

+<div {{ clAttributes }}>
+  <h2>{{ header }}</h2>
+  <div class="cl-components--my-card__body">
+    {{ children }}
+  </div>
+</div>