MicroBTWidgetBox
Summary card for a MicroBT-equipped container showing pumps, fans, and operating mode.
Summary card for a MicroBT-equipped container showing pumps, fans, and operating mode.
import { MicroBTWidgetBox } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
data | Optional | Device | undefined | — | — |
Usage
Summary card for a MicroBT-equipped container showing the circulation pump status and cooling fan state as coloured indicators.
Minimal example
import { MicroBTWidgetBox } from "@tetherto/mdk-react-devkit";
<MicroBTWidgetBox data={device} />
Notes
- Returns
nullwhendatais falsy, safe to render while loading. - Reads
container_specific.cdufrom the device for pump/fan state.
Example
import { MicroBTWidgetBox } from '@tetherto/mdk-react-devkit'const mockDevice = { container_specific: { cdu: { circulation_pump_running_status: 'running', cooling_fan_control: true, }, },} as neverexport const MicroBTWidgetBoxExample = () => ( <div className="mdk-example-row"> <MicroBTWidgetBox data={mockDevice} /> </div>)