← All templates

金字塔 <Pyramid />

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

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group
结构 · 层层依赖的条件
Component
Pyramid · #pyramid

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

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