Progress
진행 상태를 표시하는 컴포넌트입니다.
Preview
Linear Progress
Circular Progress
Disabled
Usage
tsx
import { Progress, CircularProgress } from "@b1nd/dodam-design-system/components";// Linear Progress<Progress progress={50} />// Circular Progress<CircularProgress progress={75} />// Disabled<Progress progress={50} disabled /><CircularProgress progress={75} disabled />
Props
Progress / CircularProgress
| Prop | Type | Default | Description |
|---|---|---|---|
progress | number | - | 진행률 (0-100) |
disabled | boolean | false | 비활성화 상태 |
customStyle | CSSObject | {} | 커스텀 CSS |