chore: hide start icon when loading

daisyui · Mar 16, 2022 · 5918a11 · 5918a11
1 parent f3046d0
commit 5918a11
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/Button/Button.tsx b/src/Button/Button.tsx
@@ -55,7 +55,9 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
     const classes = twMerge(
       'btn',
       className,
-      clsx((startIcon || endIcon) && 'gap-2', {
+      clsx(
+        ((startIcon && !loading) || endIcon) && 'gap-2',
+      {
         [`btn-${size}`]: size,
         [`btn-${shape}`]: shape,
         [`btn-${variant}`]: variant,
@@ -87,7 +89,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
           style={style}
           disabled={disabled}
         >
-          {startIcon && startIcon}
+          {startIcon && !loading && startIcon}
           {children}
           {endIcon && endIcon}
         </button>