4 files changed, 45 insertions, 0 deletions
diff --git a/examples/component/demo/package.json b/examples/component/demo/package.json
new file mode 100644
index 000000000..575002652
--- /dev/null
+++ b/examples/component/demo/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@example/my-component-demo",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview"
+  },
+  "devDependencies": {
+    "astro": "^0.21.11"
+  }
+}
diff --git a/examples/component/demo/public/favicon.ico b/examples/component/demo/public/favicon.ico
new file mode 100644
index 000000000..578ad458b
--- /dev/null
+++ b/examples/component/demo/public/favicon.ico
diff --git a/examples/component/demo/public/robots.txt b/examples/component/demo/public/robots.txt
new file mode 100644
index 000000000..1f53798bb
--- /dev/null
+++ b/examples/component/demo/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
diff --git a/examples/component/demo/src/pages/index.astro b/examples/component/demo/src/pages/index.astro
new file mode 100644
index 000000000..96ca814e3
--- /dev/null
+++ b/examples/component/demo/src/pages/index.astro
@@ -0,0 +1,29 @@
+---
+import * as Component from '@example/my-component'
+---
+<html lang="en">
+
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width" />
+	<title>Welcome to Astro</title>
+	<style global>
+	h {
+		display: block;
+		font-size: 2em;
+		font-weight: bold;
+		margin-block: 0.67em;
+	}
+	</style>
+</head>
+
+<body>
+	<Component.Heading>
+		Welcome to Astro
+	</Component.Heading>
+	<Component.Button>
+		Plain Button
+	</Component.Button>
+</body>
+
+</html>
+\ No newline at end of file