Analytics

StatItem

Dark Mode

HeroCard 내부에 사용하는 지표 표시 헬퍼입니다. label + value로 구성되며, 부모 HeroCard의 variant에 따라 색상이 자동 상속됩니다.

import { StatItem } from "@/shared/ui/widget"

Sizes

lg(24px)는 메인 지표, sm(16px)는 보조 지표에 사용합니다. 색상은 부모 HeroCard variant에서 자동 상속됩니다.

Primary 배경

메인 지표 (lg)12 개

보조 지표 (sm)8

Grey 배경

메인 지표 (lg)1,234억

보조 지표 (sm)12.5%

Prop	Type	Required	Default	설명
`label`	`string`	✓	—	지표명 (e.g. "회수완료").
`value`	`string \| number`	✓	—	지표값 (e.g. "12 개").
`size`	`"lg" \| "sm"`	—	"sm"	lg: 메인 지표 (24px), sm: 보조 지표 (16px).
`className`	`string`	—	—	루트 className.