@designbasekorea/ui 0.3.1 → 0.3.2

package/dist/index.umd.js

@@ -2403,7 +2403,7 @@
     };
     Tooltip.displayName = 'Tooltip';
 
-    const Button = React.forwardRef(({ variant = 'primary', size = 'm', radius, fullWidth = false, disabled = false, loading = false, iconOnly = false, startIcon: StartIcon, endIcon: EndIcon, tooltip, tooltipProps, className, children, onPress, type = 'button', ...props }, forwardedRef) => {
+    const Button = React.forwardRef(({ variant = 'primary', size = 'm', radius, fullWidth = false, disabled = false, loading = false, loadingText, iconOnly = false, startIcon: StartIcon, endIcon: EndIcon, tooltip, tooltipProps, className, children, onPress, type = 'button', ...props }, forwardedRef) => {
         const ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
         const { buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
             ...props,
@@ -2448,7 +2448,13 @@
         };
         const renderContent = () => {
             if (loading) {
-                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spinner, { type: "circular", size: size === 's' ? 's' : size === 'l' ? 'l' : 'm', color: getIconColor(), speed: 1, showLabel: false }), !iconOnly && jsxRuntime.jsx("span", { children: "\uB85C\uB529 \uC911..." })] }));
+                // 로딩 중 표시할 텍스트 결정: loadingText > children > 기본값
+                const displayText = loadingText !== undefined
+                    ? loadingText
+                    : (!iconOnly && children)
+                        ? children
+                        : null;
+                return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spinner, { type: "circular", size: size === 's' ? 's' : size === 'l' ? 'l' : 'm', color: getIconColor(), speed: 1, showLabel: false }), displayText && jsxRuntime.jsx("span", { children: displayText })] }));
             }
             // iconOnly 버튼일 때는 children을 아이콘으로 처리
             if (iconOnly && children && React.isValidElement(children)) {