스탯 카드
Betelgeuse 의 스탯 카드는 단일 지표를 포스터형 숫자 카드로 표시한다.
활용 방법
단일 지표
label·value·trend로 지표를 구성한다.
Preview
Boost
+1297
tsx
<StatCard label="Boost" value="97" trend={{ direction: "up", label: "+12" }} />
속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| label | ReactNode | - | 지표 라벨 |
| value | ReactNode | - | 큰 값 |
| trend | { direction: "up" | "down"; label: string } | - | 보조 변화값 |
| icon | ReactNode | - | 우측 아이콘 |