From 0dfaea6ab4e3cf5b35c6b2fcee128caf66280b74 Mon Sep 17 00:00:00 2001 From: Matt Mo Date: Fri, 18 Sep 2020 17:01:41 -0700 Subject: [PATCH] Working on editable label material component. --- editable-label.js | 28 ++++++++++++++++++++++++++++ ignite-material.js | 5 +++++ 2 files changed, 33 insertions(+) create mode 100644 editable-label.js create mode 100644 ignite-material.js diff --git a/editable-label.js b/editable-label.js new file mode 100644 index 0000000..6a45bbe --- /dev/null +++ b/editable-label.js @@ -0,0 +1,28 @@ +import { IgniteElement } from "../ignite-html/ignite-element.js"; +import { IgniteTemplate, button, ul, slot } from "../ignite-html/ignite-template.js"; + +class EditableLabel extends IgniteElement { + constructor() { + super(); + } + + + + render() { + return this.template.child( + + ); + } +} + +class EditableLabelTemplate extends IgniteTemplate { + constructor(...children) { + super("mt-editable-label", children); + } +} + +customElements.define("mt-editable-label", EditableLabel); + +export { + EditableLabelTemplate as EditableLabel +}; \ No newline at end of file diff --git a/ignite-material.js b/ignite-material.js new file mode 100644 index 0000000..2fdd049 --- /dev/null +++ b/ignite-material.js @@ -0,0 +1,5 @@ +import { EditableLabel } from "./editable-label.js"; + +export { + EditableLabel +} \ No newline at end of file