PumpBox
Single-pump status card with RPM, flow, and fault state for one immersion-cooling pump.
Single-pump status card with RPM, flow, and fault state for one immersion-cooling pump.
import { PumpBox } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
pumpTitle | Required | string | — | — |
pumpItem | Optional | PumpItem | undefined | — | — |
Usage
Single-pump status card showing RPM, flow, and fault state for one immersion-cooling pump. Renders a coloured indicator (green = running, grey = off). Returns null if pumpItem.enabled is not a boolean.
Minimal example
import { PumpBox } from "@tetherto/mdk-react-devkit";
<PumpBox pumpTitle="Circulation" pumpItem={{ enabled: true, index: 0 }} />
Example
import { PumpBox } from '@tetherto/mdk-react-devkit'export const PumpBoxExample = () => ( <div className="mdk-example-row"> <PumpBox pumpTitle="Circulation" pumpItem={{ enabled: true, index: 0 }} /> <PumpBox pumpTitle="Circulation" pumpItem={{ enabled: false, index: 1 }} /> </div>)