Stat

大号数字后跟说明文字，不加边框。MetricRow 排列三到五个；StatGrid 容纳卡片。

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";

属性

delta
{ label: string; tone?: "neutral" | "success" | "danger"; }
变化徽章：“+12%”。
size
"md" | "sm" = md
数字的尺寸。
unit
ReactNode
数字后的文字，位于同一基线：“总支出”“会话”。
value
ReactNode
已格式化的数字：“$12.40”“1.2M”。