Skip to content
Paramanu v0.1.0-alpha.0

Stat

Stat displays key metrics with a label, value, and optional trend indicator. Useful for dashboards and summary views.

Basic Usage

Total Revenue
$45,231
+12.5% from last month
import { Stat, StatLabel, StatValue, StatHelpText } from "@paramanu/data-display-react"


export default function App() {
return (
  <Stat>
    <StatLabel>Total Revenue</StatLabel>
    <StatValue>$45,231</StatValue>
    <StatHelpText trend="up">+12.5% from last month</StatHelpText>
  </Stat>
)
}
<div class="pm-stat pm-stat--md pm-stat--start">
<div class="pm-stat__label">Total Revenue</div>
<div class="pm-stat__value">$45,231</div>
<div class="pm-stat__help-text">+12.5% from last month</div>
</div>