From e3a9903ea27484f76fa2ee65d679726b476f194f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateu=20Aguil=C3=B3=20Bosch=20=28e0ipso=29?=
<mateu@mateuaguilo.com>
Date: Mon, 17 Jan 2022 22:46:34 +0100
Subject: [PATCH] feat: another example
---
examples/components/my-card/css/my-card.css | 3 +++
examples/components/my-card/metadata.json | 25 +++++++++++++++++++
.../components/my-card/my-card.stories.yml | 6 +++++
examples/components/my-card/my-card.twig | 6 +++++
4 files changed, 40 insertions(+)
create mode 100644 examples/components/my-card/css/my-card.css
create mode 100644 examples/components/my-card/metadata.json
create mode 100644 examples/components/my-card/my-card.stories.yml
create mode 100644 examples/components/my-card/my-card.twig
diff --git a/examples/components/my-card/css/my-card.css b/examples/components/my-card/css/my-card.css
new file mode 100644
index 0000000..2af8728
--- /dev/null
+++ b/examples/components/my-card/css/my-card.css
@@ -0,0 +1,3 @@
+.cl-component--my-card {
+ max-width: 512px;
+}
diff --git a/examples/components/my-card/metadata.json b/examples/components/my-card/metadata.json
new file mode 100644
index 0000000..d67b1d1
--- /dev/null
+++ b/examples/components/my-card/metadata.json
@@ -0,0 +1,25 @@
+{
+ "$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!"
+ ]
+ }
+ }
+ }
+ }
+}
diff --git a/examples/components/my-card/my-card.stories.yml b/examples/components/my-card/my-card.stories.yml
new file mode 100644
index 0000000..c042beb
--- /dev/null
+++ b/examples/components/my-card/my-card.stories.yml
@@ -0,0 +1,6 @@
+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.
diff --git a/examples/components/my-card/my-card.twig b/examples/components/my-card/my-card.twig
new file mode 100644
index 0000000..867783d
--- /dev/null
+++ b/examples/components/my-card/my-card.twig
@@ -0,0 +1,6 @@
+<div {{ clAttributes }}>
+ <h2>{{ header }}</h2>
+ <div class="cl-components--my-card__body">
+ {{ children }}
+ </div>
+</div>
--
GitLab