From b515383390665ba6a1f35613d89c6d56c2302961 Mon Sep 17 00:00:00 2001
From: StoneyDSP <nathanjhood@googlemail.com>
Date: Thu, 17 Oct 2024 06:07:22 +0200
Subject: [PATCH] added tips to README.md

Signed-off-by: StoneyDSP <nathanjhood@googlemail.com>
---
 README.md | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index d7a60af..831541b 100644
--- 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,7 +336,7 @@ type CustomButtonProps = {
   type: 'submit' | 'reset' | 'button';
 };
 
-const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
+const CustomButton = (props: CustomButtonProps) => {
   class CustomButtonElement extends HTMLButtonElement {
     constructor() {
       super();
@@ -344,7 +344,7 @@ const CustomButton = (props: CustomButtonProps): HTMLButtonElement => {
     }
   }
   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({