StatsGrid

Bordered grid of label / value (+ unit) cells with auto column resolution based on item count.

Preview

Usage

import { StatsGrid } from '@ramtt/ui'

<StatsGrid
  items={[
    { label: 'Avg power', value: 247, unit: 'W' },
    { label: 'Distance', value: '52.4', unit: 'km' },
  ]}
  columns={3}
/>

Props

Prop	Type	Default	Description
items*	`StatsGridItem[]`	—	Label + value (+ optional unit) cells
columns	`2 \| 3 \| 4`	—	Column count override (auto-resolved from item count by default)
className	`string`	—	Additional Tailwind classes