金字塔 <Pyramid />
3–5 层梯形叠成金字塔,下层最宽、颜色最浅,每层右边一句说明。逐条展开时从底层往上出现。
Template and style descriptions are currently available in Chinese only.
- Group
- 结构 · 层层依赖的条件
- Component
Pyramid·#pyramid
Good for
- 前提条件、层级、需求层次
- 下层是上层的基础
Avoid when
- 各层没有依赖关系:用 LayerStack
- 要表达数量递减:用 Funnel
Content limits
| 1 | levels 3–5 层:label ≤ 8 字,note ≤ 30 字 |
| 2 | title ≤ 2 行 × 8 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名,2–8 字 |
title · required | string | string[] | 标题;数组手动断行 |
lead | string | 一两句导语,≤ 60 字 |
source | string | 事实出处 |
levels · required | { label, note }[] | 从顶层写起 |
Example
<Pyramid kicker="交付条件" title="…" levels={[{ label: '人工看图', note: '…' }, …, { label: '事实有出处', note: '…' }]} />