SecondaryStatCard
Compact stat tile rendered alongside a primary stat to provide supporting context. Displays a secondary statistic with a name and value in a card format.
Compact stat tile rendered alongside a primary stat to provide supporting context.
Displays a secondary statistic with a name and value in a card format.
import { SecondaryStatCard } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
name | Optional | string | undefined | — | Stat name/label |
value | Optional | string | number | undefined | — | Stat value |
className | Optional | string | undefined | — | Custom className |
Usage
Compact stat tile rendered alongside a primary stat to provide supporting context. Displays a name label and a value in a card format.
Minimal example
import { SecondaryStatCard } from "@tetherto/mdk-react-devkit";
<SecondaryStatCard name="Efficiency" value="92%" />
Example
import { SecondaryStatCard } from '@tetherto/mdk-react-devkit'export const SecondaryStatCardExample = () => ( <div className="mdk-example-row"> <SecondaryStatCard name="Efficiency" value="92%" /> <SecondaryStatCard name="Uptime" value={99.8} /> <SecondaryStatCard name="Hashrate" value="95.5 TH/s" /> </div>)