DashboardGrid
ShellsArrange stat cards in one to four columns with two-dimensional arrow-key navigation.
Choose two comparison values with individually labeled Select controls and a swap button.
bun add @reopt-ai/opt-uiimport { ComparisonSelector } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
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.
Standardize a row of StatCard metrics with skeleton cards during loading.