added tips to README.md

Signed-off-by: StoneyDSP <nathanjhood@googlemail.com>
nathanjhood · Oct 17, 2024 · b22ba9e · b22ba9e
1 parent bf3a648
commit b22ba9e
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -314,12 +314,12 @@ const button = Button();
 // example
 
 const CustomButton = (): HTMLButtonElement => {
-  class CustomButton extends HTMLButtonElement {
+  class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
     }
   }
-  customElements.define('custom-button', CustomButton)
+  customElements.define('custom-button', CustomButtonElement)
   return document.createElement<'button'>('button');
 };
 
@@ -337,13 +337,13 @@ type CustomButtonProps = {
 };
 
 const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
-  class CustomButton extends HTMLButtonElement {
+  class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
       this.type = props.type;
     }
   }
-  customElements.define('custom-button', CustomButton);
+  customElements.define('custom-button', CustomButtonElement);
   return document.createElement<'button'>('button');
 };
 
@@ -362,14 +362,14 @@ type CustomButtonProps = {
 };
 
 const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
-  class CustomButton extends HTMLButtonElement {
+  class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
       this.type = props.type;
       if (props.children) this.appendChild(props.children);
     }
   }
-  customElements.define('custom-button', CustomButton);
+  customElements.define('custom-button', CustomButtonElement);
   return document.createElement<'button'>('button');
 };
 
@@ -390,15 +390,15 @@ type CustomButtonProps = {
 };
 
 const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
-  class CustomButton extends HTMLButtonElement {
+  class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
       this.type = props.type;
       if (props.children) this.appendChild(props.children);
       if (props.className) this.className = props.className;
     }
   }
-  customElements.define('custom-button', CustomButton);
+  customElements.define('custom-button', CustomButtonElement);
   return document.createElement<'button'>('button');
 };