- 分组
- 机制 · 系统由哪几层组成
- 组件
ArchLayers·#arch-layers
适合
- 软件架构、组织层级、技术栈
- 每层有 2–5 个组成部分
不适合
- 层与层之间是包含关系：用 Concentric
- 要讲数据怎么流动：用 FlowDiagram
内容上限
| 1 | layers 3–5 层：name ≤ 8 字，tag ≤ 16 字符，items 2–5 个各 ≤ 10 字符 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 小节名，2–8 字 |
title · 必填 | string | string[] | 标题；数组手动断行 |
lead | string | 一两句导语，≤ 60 字 |
source | string | 事实出处 |
layers · 必填 | { name, tag?, items }[] | 从最靠近用户的一层写起 |
focus | number | 高亮第几层（从 0 起） |
示例代码
<ArchLayers kicker="架构" title="…" focus={0} layers={[{ name: '演示', tag: 'src/decks', items: ['index.tsx'] }, …]} />