wcb/demo/SimpleText.mjs
Ayo 910a5096d0 feat: props Proxy for camelCase counterparts
- provide easy access to any observed attribute.
- update README examples
- update JSDoc examples
2023-11-17 23:10:02 +01:00

23 lines
486 B
JavaScript

// @ts-check
import { WebComponent } from "../src/WebComponent.js";
class SimpleText extends WebComponent {
clickCallback() {
console.log(">>> click!");
}
onInit() {
this.onclick = this.clickCallback;
}
onDestroy() {
console.log(">>> removing event listener");
this.removeEventListener("click", this.clickCallback);
}
get template() {
return `<span style="cursor:pointer">Click me!</span>`;
}
}
customElements.define("simple-text", SimpleText);