EnabledDisableToggle

Switch with confirmation that enables or disables a container, miner, or feature flag.

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

Prop	Status	Type	Default	Description
`value`	Required	`unknown`	—	—
`tankNumber`	Required	`string \| number`	—	—
`isButtonDisabled`	Required	`boolean`	—	—
`isOffline`	Required	`boolean`	—	—
`onToggle`	Required	`(params: EnabledDisableToggleCbParams) => void`	—	—

Usage

Switch with confirmation that enables or disables a container tank, miner, or feature flag. Renders a switch when the current state is known (boolean), or Enable/Disable buttons when state is unknown. Disables all controls when the container is offline.

Minimal example

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

<EnabledDisableToggle
  value={true}
  tankNumber={1}
  isButtonDisabled={false}
  isOffline={false}
  onToggle={({ tankNumber, isOn }) => console.log(tankNumber, isOn)}
/>

Example

import { EnabledDisableToggle } from '@tetherto/mdk-react-devkit'export const EnabledDisableToggleExample = () => (  <div className="mdk-example-row">    <EnabledDisableToggle      value={true}      tankNumber={1}      isButtonDisabled={false}      isOffline={false}      onToggle={({ tankNumber, isOn }) => {        console.warn(`tank ${tankNumber} toggled to ${isOn}`)      }}    />  </div>)