MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

FireStatusBox

Fire Status Box Component x Displays fire safety and environmental monitoring status.

Fire Status Box Component x Displays fire safety and environmental monitoring status.

import { FireStatusBox } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
dataOptional{ smokeDetector: string | number; waterIngressDetector: string | number; coolingFanStatus: string | number; } | undefinedDevice data

Usage

Safety-status card for a MicroBT container showing smoke detector, water-ingress detector, and cooling-fan status readings.

Minimal example

import { FireStatusBox } from "@tetherto/mdk-react-devkit";

<FireStatusBox
  data={{ smokeDetector: 0, waterIngressDetector: 0, coolingFanStatus: 1 }}
/>

Example

import { FireStatusBox } from '@tetherto/mdk-react-devkit'export const FireStatusBoxExample = () => (  <div className="mdk-example-row">    <FireStatusBox data={{ smokeDetector: 0, waterIngressDetector: 0, coolingFanStatus: 1 }} />  </div>)