← 所有版型

色块数字格 <BlockStats />

3–4 块饱和色块，粗黑描边加硬投影，略微歪斜，每块一个窄体大数字、标签和一句说明。第一块用主题色。

版型與風格的說明目前僅提供簡體中文。

分組
数据 · 3–4 个硬指标
元件
BlockStats · #block-stats

適合

  • 3–4 个同样重要的数字
  • 营销、规则宣讲

不適合

  • 要比较大小：用 MetricBars
  • 只有一个数字：用 BigStat

內容上限

1stats 3–4 个：value ≤ 5 字符，unit ≤ 3 字符，label ≤ 8 字，note ≤ 24 字
2title ≤ 2 行 × 8 字

欄位

欄位型別
kicker · 必填string小节名，2–8 字
title · 必填string | string[]标题；数组手动断行
leadstring一两句导语，≤ 60 字
sourcestring事实出处
stats · 必填{ value, unit?, label, note }[]色块

範例程式碼

<BlockStats kicker="硬指标" title="…" stats={[{ value: '17', unit: 'u', label: '最小字号', note: '…' }, …]} />