feat(AlphaButton): enhance disabled prop logic to account for loading…

… state
channel-io · Dec 2, 2024 · 16a1ec6 · 16a1ec6
1 parent 3fb4f68
commit 16a1ec6
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/bezier-react/src/components/AlphaButton/Button.tsx b/packages/bezier-react/src/components/AlphaButton/Button.tsx
@@ -71,12 +71,15 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       active,
       className,
       loading,
+      disabled: disabledProp,
       ...rest
     },
     forwardedRef
   ) {
     const Comp = as as typeof BaseButton
 
+    const disabled = loading || disabledProp
+
     return (
       <Comp
         ref={forwardedRef}
@@ -88,6 +91,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
           active && styles.active,
           className
         )}
+        disabled={disabled}
         {...rest}
       >
         <div