Add npm: Separate html and js, taking lit-* from npm

[webcomponents.git] / npm / hello-world.js

diff --git a/npm/hello-world.js b/npm/hello-world.js
new file mode 100644 (file)
index 0000000..b3e3b9a
--- /dev/null
+++ b/npm/hello-world.js
@@ -0,0 +1,9 @@
+import { LitElement, html, css } from './node_modules/lit-element/lit-element.js';
+
+class HelloWorld extends LitElement {
+  render() {
+    return html`<p>Hello world! Came here from ${document.referrer || 'unset-referrer' }</p>`;
+  }
+}
+
+customElements.define('hello-world', HelloWorld);