React Telemetry Cluster
The vitals panel of a mission console: a dense grid of channels, each with a value and unit, a horizontal limit bar filling against its range, a warn/crit badge when the value drifts outside its bands, and an optional trend arrow. Off-nominal state is carried by the badge and the bar color together, never color alone. Comes in a deep variant for the ops console (electric-accent nominals on #000028) and a light variant for embedding in dashboards.
AXM-1 · Spacecraft vitals
Light variant
Channels update live — signal margin and reaction-wheel RPM cross into warning/critical, flagged by badge and bar color together.
Installation
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| channels | TelemetryChannel[] | — | See below |
| title | string | — | Panel header |
| columns | 2 \ | 3 \ | 4 |
| variant | 'deep' \ | 'light' | 'deep' |
TelemetryChannel: { label, value, unit?, min?, max?, warn?: [lo,hi], crit?: [lo,hi], precision?, trend? } — a value outside warn/crit bounds raises the corresponding badge.
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.