diff --git a/templates/basic/src/components/my-hello-world.js b/templates/basic/src/components/my-hello-world.js
index 2379cf4..b8266fd 100644
--- a/templates/basic/src/components/my-hello-world.js
+++ b/templates/basic/src/components/my-hello-world.js
@@ -13,6 +13,11 @@ class HelloWorld extends WebComponent {
   }
 
   get template() {
+    /**
+     * any attribute/property in kebab-case...
+     * can be accessed via its camelCase counterpart
+     * example: data-name prop is accessible as this.dataName
+     */
     return `<button style="cursor:pointer">Hello ${this.dataName}!</button>`;
   }
 }