DashboardGrid

shell

Composite 기반 통계 카드 그리드. 화살표 키로 2D 탐색.

깊이

100%

총 매출₩12,450,000↑ +12.5%

주문 수1,234↑ +8.2%

이탈률32.1%↓ -4.3%

전환율2.4%→ 0.0%

활성 사용자5,678↑ +15.3%

평균 세션4m 32s↓ -2.1%

총 매출₩12,450,000↑ +12.5%

주문 수1,234↑ +8.2%

이탈률32.1%↓ -4.3%

전환율2.4%→ 0.0%

2026년 2월 4일2/2 통과

2성공

0실패

2전체

Prop	타입	기본값	설명
`stats`*	`StatCard[]`	—	통계 데이터 배열. { id, title, value, change, trend }
`columns`	`number`	`3`	행당 컬럼 수

tsx

import { DashboardGrid } from "@reopt-ai/opt-ui";

키	동작
↑ ↓ ← →	카드 간 2D 탐색
Tab	다음 섹션으로 이동

반응형 컬럼 조절, 기간 필터 연동 등 고급 패턴은 고급 패턴 가이드를 참고하세요.