MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

StatsGroupCard

Card grouping multiple `SingleStatCard`s or `SecondaryStatCard`s under a shared title. Displays aggregated statistics for selected miners: - Hash rate, Tempe…

Card grouping multiple <SingleStatCard>s or <SecondaryStatCard>s under a shared title.

Displays aggregated statistics for selected miners: - Hash rate, Temperature, Frequency, Consumption - Optional: Power mode, Uptime, LED, Status (for single miner)

Can render in two modes: - Miner Metrics: Uses MinerMetricCard layout - Stats Grid: Uses SingleStatCard and SecondaryStatCard in rows

import { StatsGroupCard } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
minersOptionalDevice[] | DeviceData[] | undefinedArray of miners to display stats for
isMinerMetricsOptionalboolean | undefinedWhether to show miner metrics card layout

Usage

Aggregated stats card for a group of miners: total hashrate, max temperature, average frequency, and total power consumption.

Minimal example

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

<StatsGroupCard miners={devices} />

Example

import { StatsGroupCard } from '@tetherto/mdk-react-devkit'export const StatsGroupCardExample = () => (  <div className="mdk-example-row">    <StatsGroupCard miners={[]} />  </div>)