progress circle interface

daangn · Oct 10, 2024 · 0f389e1 · 0f389e1
1 parent c96ff28
commit 0f389e1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/component-docs/snippets/component/progress-circle.tsx b/component-docs/snippets/component/progress-circle.tsx
@@ -40,7 +40,7 @@ export const ProgressCircle = React.forwardRef<HTMLDivElement, ProgressCirclePro
       value = 0,
       maxValue = 100,
       minValue = 0,
-      indeterminate,
+      indeterminate = false,
       ...otherProps
     },
     ref,

diff --git a/component-docs/src/components/ProgressCircle.tsx b/component-docs/src/components/ProgressCircle.tsx
@@ -19,7 +19,7 @@ export const ProgressCircle: React.FC = (props: ProgressCircleProps) => {
   const duration = useProgressCircleDuration();
   const easing = useProgressCircleEasing();
 
-  const { size = "medium", variant = "determinate" } = props;
+  const { size = "medium", indeterminate = false } = props;
 
   return (
     <div
@@ -32,7 +32,7 @@ export const ProgressCircle: React.FC = (props: ProgressCircleProps) => {
     >
       <UIProgressCircle
         size={size}
-        variant={variant}
+        indeterminate={indeterminate}
         value={value}
         minValue={minValue}
         maxValue={maxValue}

diff --git a/component-docs/src/pages/components/progress-circle.mdx b/component-docs/src/pages/components/progress-circle.mdx
@@ -3,14 +3,15 @@ import { ProgressCircleControls } from '@/src/components/ProgressCircleControls'
 
 # Progress Circle
 
+## 예제
+
 ### indeterminate
 
-<ProgressCircle size="medium" variant="indeterminate" />
-<ProgressCircle size="small" variant="indeterminate" />
+<ProgressCircle size="medium" indeterminate />
+<ProgressCircle size="small" indeterminate />
 
 ### determinate
 
-<ProgressCircle size="medium" variant="determinate" value={1} />
-<ProgressCircle size="small" variant="determinate" value={50} />
-
+<ProgressCircle size="medium" value={1} />
+<ProgressCircle size="small" value={50} />
 <ProgressCircleControls />