# Dashboard Comparison Table

Quarterly business review comparing this quarter with last quarter or the same quarter last year.

- id: `dashboard-comparison-table`
- Page: https://agentic-ui-kit.com/components/dashboard-comparison-table
- Live preview: https://agentic-ui-kit.com/live/component/dashboard-comparison-table

## Install

```bash
agentic-ui add dashboard-comparison-table
npx shadcn@4.17.0 add @agentic-ui/dashboard-comparison-table
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** period-vs-period, entity-vs-entity, dimension-tabs, subject-pickers, swap-sides, direction-aware-sentiment, relative-and-absolute-deltas, percentage-point-deltas, sortable-columns, grouped-metrics, comparison-bars, csv-export, missing-value-handling, mobile-card-list, empty-loading-error-states, live-region-announcements
- **Intents:** compare-over-time, explore-detail
- **Suits domains:** analytics, saas, finance, ecommerce, operations, billing
- **Interaction:** dimension-tabs, subject-select, swap, column-sort, delta-mode-toggle, csv-export
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Quarterly business review comparing this quarter with last quarter or the same quarter last year, Region or store performance side by side (EMEA vs North America), Plan or cohort comparison of revenue, churn and support load, Month-over-month operations scorecard where lower latency and cost count as improvements
- **Avoid when:** More than two subjects must be compared at once; use a multi-series chart or pivot table, Trends over many time points matter more than a single A/B snapshot, Only one headline metric is needed; a scorecard or KPI card is lighter
- **Preserve when adapting:** higher-is-better-semantics, null-last-sorting, distinct-a-b-selection, table-semantics-and-aria-sort, mobile-card-fallback
- **Replace when adapting:** metric-definitions, dimension-fixtures, currency-locale, flat-threshold, copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.75/10
- **Quality breakdown:** visual 8/10, responsive 9/10, accessibility 9/10, code 8/10
- **Uses primitives:** card, tabs, select, table, button, label, skeleton
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives