← 所有版型

架构分层图 <ArchLayers />

3–5 条横向分层，左边层名和等宽标签，右边一排组件块；可以高亮一层。

版型與風格的說明目前僅提供簡體中文。

分組
机制 · 系统由哪几层组成
元件
ArchLayers · #arch-layers

適合

  • 软件架构、组织层级、技术栈
  • 每层有 2–5 个组成部分

不適合

  • 层与层之间是包含关系：用 Concentric
  • 要讲数据怎么流动：用 FlowDiagram

內容上限

1layers 3–5 层：name ≤ 8 字，tag ≤ 16 字符，items 2–5 个各 ≤ 10 字符

欄位

欄位型別
kicker · 必填string小节名，2–8 字
title · 必填string | string[]标题；数组手动断行
leadstring一两句导语，≤ 60 字
sourcestring事实出处
layers · 必填{ name, tag?, items }[]从最靠近用户的一层写起
focusnumber高亮第几层（从 0 起）

範例程式碼

<ArchLayers kicker="架构" title="…" focus={0} layers={[{ name: '演示', tag: 'src/decks', items: ['index.tsx'] }, …]} />