From 000f35cc20111784d28e6d49c86d6ec2c90abe5e Mon Sep 17 00:00:00 2001
From: Dardan Berisha <dardan.berisha@protonmail.com>
Date: Tue, 9 Sep 2025 21:36:09 +0200
Subject: [PATCH] feat: new box component

---
 .../src/components/my-component/lab/box.mdx    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 packages/ui-webc/src/components/my-component/lab/box.mdx

diff --git a/packages/ui-webc/src/components/my-component/lab/box.mdx b/packages/ui-webc/src/components/my-component/lab/box.mdx
new file mode 100644
index 0000000..24f89d6
--- /dev/null
+++ b/packages/ui-webc/src/components/my-component/lab/box.mdx
@@ -0,0 +1,18 @@
+# Box Example
+
+## Loops
+
+{['a', 'b', 'c'].map(item => (
+  <my-component first={item} last="!" />
+))}
+
+## Object props
+
+<my-component
+  first="Stencil"
+  middle="'Don't call me a framework'"
+  last="JS"
+  test={{
+    name: 'dummy'
+  }}
+/>