AcquisitionAnalysis
BlocksAnalyze acquisition across Overview, Channels, and Campaigns tabs with metrics, trends, and tables.
Standardize a row of StatCard metrics with skeleton cards during loading.
bun add @reopt-ai/opt-uiimport { SummaryRow } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
Selected metric: profiles · 미니 차트는 최근 7개 구간의 추이입니다.
Analyze acquisition across Overview, Channels, and Campaigns tabs with metrics, trends, and tables.
Build an analytics dashboard with metric cards, line charts, and bar charts.
Compose a billing overview from StatCard, BarChart, and DataTable.
Configure user-path analysis and explore grid or Sankey flows, top paths, drop-off, patterns, entry and exit points, and dwell time.
Summarize a project with metrics, navigation cards, charts, tables, code snippets, and dashboard management.
Monitor live activity with connection status, metric cards, and an activity feed.
Analyze test quality with summary cards and six tabs covering overview, stability, failures, flaky tests, performance, and advanced metrics.
Build user profiles with avatars, metrics, gauges, progress indicators, tables, and filters.
Explore user records with a DataTable and FilterBar.
Review screenshot regressions and approvals with a three-column snapshot list and image-diff viewer.
Arrange stat cards in one to four columns with two-dimensional arrow-key navigation.
Build reports in four labeled steps: chart type, data, styling, and preview.
Review anomaly insights with severity cards, statistics filters, dismissal, and detection settings for type, Z-score, and days.
Choose time ranges using a Popover, DateRangePicker, and preset buttons.
Export data as CSV or JSON, or delegate PDF export to a callback through a dropdown menu.
Explain a composite score through each dimension's value, weight, and meaning alongside the total.