架构分层图 <ArchLayers />
3–5 条横向分层，左边层名和等宽标签，右边一排组件块；可以高亮一层。
Template and style descriptions are currently available in Chinese only.
- Group
- 机制 · 系统由哪几层组成
- Component
ArchLayers·#arch-layers
Good for
- 软件架构、组织层级、技术栈
- 每层有 2–5 个组成部分
Avoid when
- 层与层之间是包含关系：用 Concentric
- 要讲数据怎么流动：用 FlowDiagram
Content limits
| 1 | layers 3–5 层：name ≤ 8 字，tag ≤ 16 字符，items 2–5 个各 ≤ 10 字符 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名，2–8 字 |
title · required | string | string[] | 标题；数组手动断行 |
lead | string | 一两句导语，≤ 60 字 |
source | string | 事实出处 |
layers · required | { name, tag?, items }[] | 从最靠近用户的一层写起 |
focus | number | 高亮第几层（从 0 起） |
Example
<ArchLayers kicker="架构" title="…" focus={0} layers={[{ name: '演示', tag: 'src/decks', items: ['index.tsx'] }, …]} />