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'
+  }}
+/>