2023-02-26 01:30

lit-element-starter-ts/docs-src/examples/index.md

@@ -0,0 +1,34 @@
+---
+layout: example.11ty.cjs
+title: <my-element> ⌲ Examples ⌲ Basic
+tags: example
+name: Basic
+description: A basic example
+---
+
+<style>
+  my-element p {
+    border: solid 1px blue;
+    padding: 8px;
+  }
+</style>
+<my-element>
+  <p>This is child content</p>
+</my-element>
+
+<h3>CSS</h3>
+
+```css
+p {
+  border: solid 1px blue;
+  padding: 8px;
+}
+```
+
+<h3>HTML</h3>
+
+```html
+<my-element>
+  <p>This is child content</p>
+</my-element>
+```

lit-element-starter-ts/docs-src/examples/name-property.md

@@ -0,0 +1,15 @@
+---
+layout: example.11ty.cjs
+title: <my-element> ⌲ Examples ⌲ Name Property
+tags: example
+name: Name Property
+description: Setting the name property
+---
+
+<my-element name="Earth"></my-element>
+
+<h3>HTML</h3>
+
+```html
+<my-element name="Earth"></my-element>
+```