fix: add missing label prop usage in the Button component

themesberg · Apr 13, 2022 · 5e8c291 · 5e8c291
1 parent 1790b4f
commit 5e8c291
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
@@ -91,6 +91,7 @@ const iconSizeClasses: Record<Size, string> = {
 export const Button: FC<ButtonProps> = ({
   children,
   className,
+  label,
   pill,
   outline,
   disabled = false,
@@ -134,7 +135,18 @@ export const Button: FC<ButtonProps> = ({
           [iconSizeClasses[size]]: !!Icon,
         })}
       >
-        {Icon ? <Icon className="h-5 w-5" /> : children}
+        {Icon ? (
+          <Icon className="h-5 w-5" />
+        ) : (
+          <>
+            {children}
+            {label && (
+              <span className="ml-2 inline-flex h-4 w-4 items-center justify-center rounded-full bg-blue-200 text-xs font-semibold text-blue-800">
+                {label}
+              </span>
+            )}
+          </>
+        )}
       </span>
     </button>
   );