MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

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";
PropStatusTypeDefaultDescription
dataOptionalDevice | 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 null when data is falsy, safe to render while loading.
  • Reads container_specific.cdu from 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>)