라벨표시 수정

frontend/lib/registry/components/slider-basic/SliderBasicComponent.tsx

@@ -77,7 +77,7 @@ export const SliderBasicComponent: React.FC<SliderBasicComponentProps> = ({
   return (
     <div style={componentStyle} className={className} {...domProps}>
       {/* 라벨 렌더링 */}
-      {component.label && (
+      {component.label && component.style?.labelDisplay !== false && (
         <label
           style={{
             position: "absolute",
@@ -91,23 +91,31 @@ export const SliderBasicComponent: React.FC<SliderBasicComponentProps> = ({
           }}
         >
           {component.label}
-          {component.required && <span style={{color: "#ef4444",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}>*</span>}
+          {component.required && (
+            <span
+              style={{
+                color: "#ef4444",
+                // isInteractive 모드에서는 사용자 스타일 우선 적용
+                ...(isInteractive && component.style ? component.style : {}),
+              }}
+            >
+              *
+            </span>
+          )}
         </label>
       )}
 
       <div
-        style={{width: "100%",
+        style={{
+          width: "100%",
           height: "100%",
           display: "flex",
           alignItems: "center",
           gap: "12px",
           padding: "8px",
-            // isInteractive 모드에서는 사용자 스타일 우선 적용
-            ...(isInteractive && component.style ? component.style : {}),
-          }}
+          // isInteractive 모드에서는 사용자 스타일 우선 적용
+          ...(isInteractive && component.style ? component.style : {}),
+        }}
         onClick={handleClick}
         onDragStart={onDragStart}
         onDragEnd={onDragEnd}
@@ -120,7 +128,8 @@ export const SliderBasicComponent: React.FC<SliderBasicComponentProps> = ({
           value={component.value || componentConfig.min || 0}
           disabled={componentConfig.disabled || false}
           required={componentConfig.required || false}
-          style={{width: "70%",
+          style={{
+            width: "70%",
             height: "6px",
             outline: "none",
             borderRadius: "3px",
@@ -136,7 +145,8 @@ export const SliderBasicComponent: React.FC<SliderBasicComponentProps> = ({
           }}
         />
         <span
-          style={{width: "30%",
+          style={{
+            width: "30%",
             textAlign: "center",
             fontSize: "14px",
             color: "#374151",