MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

MinerInfoCard

Info card for one miner — serial, model, firmware, location, and recent activity summary.

Info card for one miner — serial, model, firmware, location, and recent activity summary.

import { MinerInfoCard } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
dataOptionalInfoItem[]
labelOptionalstring

Usage

Info card for a single miner: serial number, model, firmware version, physical location, and a recent-activity summary. Renders a labelled list of InfoItem entries.

Minimal example

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

const info = [
  { label: "Serial", value: "SN-001234" },
  { label: "Model", value: "Antminer S19" },
  { label: "Firmware", value: "1.0.2" },
];

<MinerInfoCard data={info} label="Miner info" />

Example

import { MinerInfoCard } from '@tetherto/mdk-react-devkit'const info = [  { label: 'Serial', value: 'SN-001234' },  { label: 'Model', value: 'Antminer S19' },  { label: 'Firmware', value: '1.0.2' },  { label: 'Location', value: 'Rack A / Slot 3' },]export const MinerInfoCardExample = () => (  <div className="mdk-example-row">    <MinerInfoCard data={info} label="Miner info" />  </div>)