ContainerControlsBox

Control panel for a single container — start/stop, mode select, and operator actions.

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

Prop	Status	Type	Default	Description
`data`	Optional	`Device \| undefined`	—	—
`isBatch`	Optional	`boolean \| undefined`	—	—
`isCompact`	Optional	`boolean \| undefined`	—	—
`selectedDevices`	Optional	`Device[] \| undefined`	—	—
`pendingSubmissions`	Optional	`PendingSubmission[] \| undefined`	—	—
`alarmsDataItems`	Optional	`TimelineItemData[] \| undefined`	—	—
`tailLogData`	Optional	`UnknownRecord[] \| undefined`	—	—
`powerModesLog`	Optional	`UnknownRecord \| undefined`	—	—
`onNavigate`	Required	`(path: string) => void`	—	—

Usage

Control panel for a single container providing start/stop actions, operating mode selection, fan controls, and operator shortcuts. Can run in batch mode to drive multiple selected containers simultaneously.

Minimal example

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

<ContainerControlsBox onNavigate={(path) => console.log(path)} />

Notes

Reads devicesStore and actionsStore internally — seed those stores via the adapter's useDevices / useActions hooks in your app.

Example

import { ContainerControlsBox } from '@tetherto/mdk-react-devkit'export const ContainerControlsBoxExample = () => (  <div className="mdk-example-row">    <ContainerControlsBox      onNavigate={(path) => {        console.warn(`navigate to ${path}`)      }}    />  </div>)