reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

© 2026 reopt-ai. All rights reserved.

Explore/블록/SummaryRow

SummaryRow

블록

통계 요약 행. StatCard 그리드 레이아웃을 표준화합니다. loading 시 SkeletonCard 표시.

analytics
관련 문서
npx @reopt-ai/opt-cli surface add summary-row
100%

기본 사용

Total Users12,345↑ +5.2%
Revenue$45.6K↑ +12.1%
Bounce Rate32.1%↓ -2.3%
Sessions8,901→ 0%

duration / percentage 포맷

Avg Duration1.4s↑ +4.2%
Success Rate98.2%↑ +1.1%
Failures12↓ -8.0%

의존 컴포넌트

corestat-cardcoreskeleton

관련 컴포넌트

DashboardGrid

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

분석

ReportBuilder

리포트 빌더. 4단계 위저드 (차트 타입 → 데이터 설정 → 스타일 → 미리보기).

분석

InsightsPanel

이상 탐지 인사이트 패널. severity별 카드, 통계 필터, dismiss 기능, 검출 설정(유형/Z-score/days).

분석

TimeRangeSelector

시간 범위 선택기. Popover + DateRangePicker + 프리셋 버튼 조합. 12개 시계열 Surface에서 사용.

분석

ExportButton

데이터 내보내기 버튼. CSV/JSON 변환 내장, PDF는 콜백 위임. DropdownMenu 기반.

분석

ComparisonSelector

비교 선택기. Select × 2 + Swap 버튼 조합. CohortComparison, FunnelAnalysis 등에서 사용.

분석
이전ExportButton다음ComparisonSelector

기본 사용 (3열)

총 매출₩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%

2열 레이아웃

총 매출₩12,450,000↑ +12.5%
주문 수1,234↑ +8.2%
이탈률32.1%↓ -4.3%
전환율2.4%→ 0.0%
1
Chart Type
2
Data Config
3
Style
4
Preview

Select Chart Type

기본 사용

Insights

Detection Settings

!!
Unusual spike in page_viewcriticalpage_view

Volume increased 340% compared to the 7-day average.

7d avg: 12,000current: 52,800z-score: 3.4
i
New event detectedinfocheckout_v2

A previously unseen event was recorded for the first time.

!
Conversion rate dropwarningsignup

signup conversion rate decreased by 25% this week.

prev rate: 4.2%current rate: 3.1%

기본 사용

선택: 없음

기본 사용

기본 사용

Base
Compare