게이지

단일 비율 값(0~100)을 반원 진행 게이지로 헤드라인처럼 보여준다: 수납률·합격률·사용률 등. 트랙은 surface-muted, 끝은 둥근 캡이며 중앙 큰 숫자 + 보조 라벨은 텍스트 토큰으로 표시된다. 여러 비율을 함께 보려면 래디얼 바를 쓴다.

상태

72%수납률primary 72%

94%합격률success 94%

48%사용률warning 48%

21%잔여danger 21%

percent 만 필수. label 로 값 아래 맥락을 주고, tone 으로 의미색을 고른다. size 로 지름을 키운다.

Preview

72%이번 달 수납률

tsx

<Gauge percent={72} label="이번 달 수납률" size={190} />