From 8f4f4a55191fcab6cdb8a07e2eae57063a04a341 Mon Sep 17 00:00:00 2001
From: Chris Garcia <pixelbandito@gmail.com>
Date: Wed, 28 Jul 2021 14:14:23 -0500
Subject: [PATCH] fix: Update Button tag property type to accept strings

---
 src/components/Button/Button.tsx |  2 +-
 src/components/Button/story.tsx  | 17 +++++++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 480e8d5e..6693b0c7 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -23,7 +23,7 @@ interface BaseButtonProps {
   hollow?: boolean;
   level?: TButtonLevel;
   size?: TButtonSize;
-  tag?: React.FC<TagType> | React.ComponentType<TagType> | null;
+  tag?: React.FC<TagType> | React.ComponentType<TagType> | string | null;
 
   // States
   hover?: boolean;
diff --git a/src/components/Button/story.tsx b/src/components/Button/story.tsx
index 8900b1ad..10a5aca8 100644
--- a/src/components/Button/story.tsx
+++ b/src/components/Button/story.tsx
@@ -90,7 +90,9 @@ storiesOf('Planets/Button', module)
                 marginBottom: '10px',
               }}
             >
-              <Button href="#">a</Button>
+              <Button href="#" tag="a">
+                a
+              </Button>
             </span>
             <span
               style={{
@@ -99,7 +101,18 @@ storiesOf('Planets/Button', module)
                 marginBottom: '10px',
               }}
             >
-              <Button>button (default)</Button>
+              <Button tag="button" type="button">
+                button (default)
+              </Button>
+            </span>
+            <span
+              style={{
+                display: 'inline-block',
+                marginRight: '20px',
+                marginBottom: '10px',
+              }}
+            >
+              <Button tag="input" type="button" value="input type=button" />
             </span>
           </div>
           <h2>Custom type</h2>