← 全部模板

金字塔 <Pyramid />

3–5 层梯形叠成金字塔,下层最宽、颜色最浅,每层右边一句说明。逐条展开时从底层往上出现。

在示例演示里查看 →

分组
结构 · 层层依赖的条件
组件
Pyramid · #pyramid

适合

  • 前提条件、层级、需求层次
  • 下层是上层的基础

不适合

  • 各层没有依赖关系:用 LayerStack
  • 要表达数量递减:用 Funnel

内容上限

1levels 3–5 层:label ≤ 8 字,note ≤ 30 字
2title ≤ 2 行 × 8 字

字段

字段类型
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
levels · 必填{ label, note }[]从顶层写起

示例代码

<Pyramid kicker="交付条件" title="…" levels={[{ label: '人工看图', note: '…' }, …, { label: '事实有出处', note: '…' }]} />