2 files changed, 17 insertions, 0 deletions
diff --git a/web/src/components/app/index.css b/web/src/components/app/index.css
new file mode 100644
index 0000000..3eeaee9
--- /dev/null
+++ b/web/src/components/app/index.css
@@ -0,0 +1,3 @@
+ntv-app {
+  display: block;
+}
diff --git a/web/src/components/app/index.ts b/web/src/components/app/index.ts
new file mode 100644
index 0000000..5967a46
--- /dev/null
+++ b/web/src/components/app/index.ts
@@ -0,0 +1,14 @@
+import ntvGrid from "../grid";
+import "./index.css";
+
+class NotiveAppElement extends HTMLElement {
+  connectedCallback() {
+    this.append(
+      ...window.notive.doc.grids.map((_grid) => {
+        return ntvGrid();
+      }),
+    );
+  }
+}
+
+customElements.define("ntv-app", NotiveAppElement);