MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

MinerChip

Selectable chip representing a single miner; surfaces id, slot, and current state with click handling.

Selectable chip representing a single miner; surfaces id, slot, and current state with click handling.

import { MinerChip } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
indexRequirednumber
frequencyRequired{ current: number; }
temperatureRequired{ avg: number; min: number; max: number; }

Usage

Individual chip tile inside MinerChipsCard. Shows the slot index, current frequency, and average/min/max temperature. Selectable via click.

Minimal example

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

<MinerChip
  index={0}
  frequency={{ current: 620 }}
  temperature={{ avg: 65, min: 62, max: 68 }}
/>

Example

import { MinerChip } from '@tetherto/mdk-react-devkit'export const MinerChipExample = () => (  <div className="mdk-example-row">    <MinerChip index={0} frequency={{ current: 620 }} temperature={{ avg: 65, min: 62, max: 68 }} />    <MinerChip index={1} frequency={{ current: 615 }} temperature={{ avg: 67, min: 64, max: 70 }} />  </div>)