Back to Components
Components
Metric Grid
Responsive grid of stat cards with configurable column counts.
Monthly recurring revenue
$0
vs previous period6.8%
Active subscribers
0
vs previous period1.2%
Retention rate
93%
vs previous periodStable
Avg order value
$0
vs previous period2.4%
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/metric-grid.tsx
Installation
Using shadcn CLI
npx shadcn add metric-grid --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge