Stat

Eine große Zahl, gefolgt von ihrem Wort, ohne Kasten. MetricRow reiht drei bis fünf auf; StatGrid enthält Kacheln.

12,480requests

$184.20total spend+12%

1.2 smedian latency

<MetricRow>
      <Stat value="12,480" unit="requests" />
      <Stat value="$184.20" unit="total spend" delta={{ label: "+12%", tone: "neutral" }} />
      <Stat value="1.2 s" unit="median latency" />
    </MetricRow>

import { Stat, MetricRow, StatGrid, StatTile } from "@logicplanes/kaeso-ui";

Props

delta
{ label: string; tone?: "neutral" | "success" | "danger"; }
Ein Veränderungs-Badge: „+12 %“.
size
"md" | "sm" = md
Die Größe der Zahl.
unit
ReactNode
Das Wort danach, auf derselben Grundlinie: „Gesamtausgaben“, „Sitzungen“.
value
ReactNode
Die Zahl, schon formatiert: „12,40 $“, „1,2 Mio.“.