DataRow

Label–value pair for displaying metrics. Supports units, deltas, and inline badges.

Preview

Usage

import { DataRow } from '@ramtt/ui'

<DataRow label="Power" value={285} unit="W" />
<DataRow label="Change" value="+12%" delta="+12%" deltaColor="positive" />

Props

Prop	Type	Default	Description
label*	`string`	—	Row label text
value*	`string \| number`	—	Primary value
unit	`string`	—	Unit suffix (W, BPM, etc.)
delta	`string \| number`	—	Change indicator
deltaColor	`'positive' \| 'negative' \| 'default'`	'default'	Delta color
badge	`ReactNode`	—	Inline badge element