ContainerControlsBox
Control panel for a single container — start/stop, mode select, and operator actions.
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.
Notes
- Reads
devicesStoreandactionsStoreinternally — seed those stores via the adapter'suseDevices/useActionshooks 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>)