← All templates

色块数字格 <BlockStats />

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

Template and style descriptions are currently available in Chinese only.

Group
数据 · 3–4 个硬指标
Component
BlockStats · #block-stats

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

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