added tips to README.md

Signed-off-by: StoneyDSP <nathanjhood@googlemail.com>
nathanjhood · Oct 17, 2024 · b515383 · b515383
1 parent 2dd74f8
commit b515383
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -313,14 +313,14 @@ const button = Button();
 ```ts
 // example
 
-const CustomButton = (): HTMLButtonElement => {
+const CustomButton = () => {
   class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
     }
   }
   customElements.define('custom-button', CustomButtonElement)
-  return document.createElement<'button'>('button');
+  return document.createElement('custom-button') as CustomButtonElement;
 };
 
 // CustomButtom
@@ -336,15 +336,15 @@ type CustomButtonProps = {
   type: 'submit' | 'reset' | 'button';
 };
 
-const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
+const CustomButton = (props: CustomButtonProps) => {
   class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
       this.type = props.type;
     }
   }
   customElements.define('custom-button', CustomButtonElement);
-  return document.createElement<'button'>('button');
+  return document.createElement('custom-button') as CustomButtonElement;
 };
 
 const customButton = CustomButton({ type: 'submit' });
@@ -361,7 +361,7 @@ type CustomButtonProps = {
   children?: Node;
 };
 
-const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
+const CustomButton = (props: CustomButtonProps) => {
   class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
@@ -370,7 +370,7 @@ const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
     }
   }
   customElements.define('custom-button', CustomButtonElement);
-  return document.createElement<'button'>('button');
+  return document.createElement('custom-button') as CustomButtonElement;
 };
 
 const customButtonA = CustomButton({ type: 'submit' });
@@ -389,7 +389,7 @@ type CustomButtonProps = {
   className?: string;
 };
 
-const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
+const CustomButton = (props: CustomButtonProps) => {
   class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
@@ -399,7 +399,7 @@ const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
     }
   }
   customElements.define('custom-button', CustomButtonElement);
-  return document.createElement<'button'>('button');
+  return document.createElement('custom-button') as CustomButtonElement;
 };
 
 const tailwindButton = CustomButton({