MDK Logo
ReferenceUI KitReactUI Kit foundationComponentsWidgets

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.

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>)