미터
알려진 최솟값과 최댓값 사이에서 현재 측정값의 위치를 네이티브 meter로 표시합니다. 완료 과정을 나타내는 ProgressBar와 역할을 구분합니다.
활용 방법
저장 공간
label과 값 표시는 측정 대상과 현재 범위를 함께 설명합니다.
Preview
tsx
<Meter label="저장 공간" value={68} max={100} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | ReactNode | - | 측정 대상 라벨 |
| value | number | - | 현재 측정값 |
| min | number | 0 | 범위의 최솟값 |
| max | number | 100 | 범위의 최댓값 |
| showValue | boolean | true | 현재 값 표시 |
| controlClassName | string | - | meter control 클래스 |
| className | string | - | label root 클래스 |