Skip to content

MetricCard

MetricCard 用于展示单个关键结果指标,可带单位、变化量和简短说明。适合论文汇报中需要突出一个数字,但又不希望整页只剩一个大数字的场景。

MetricCard 示例

基本用法

markdown
<MetricCard
  label="Accuracy"
  value="94.7"
  unit="%"
  delta="+3.2"
  caption="相对监督基线的 5 次随机种子平均结果"
  variant="success"
/>

使用正文插槽

markdown
<MetricCard label="Latency" value="18" unit="ms" delta="-12%" variant="info">
在单张 A100、batch size 32 下测量。
</MetricCard>

Props

Prop类型默认值说明
labelstring-指标标签
valuestring | number必填主指标值
unitstring-单位
deltastring-对比或变化说明
captionstring-指标下方说明
variantstring'primary'primarysuccesswarningdangerinfo
trendstring'flat'updownflat
compactbooleanfalse使用更紧凑的间距