← 所有版型

请求路径 <RequestJourney />

3–6 站横向排在一条发光线路上，每站一个图标、名称和说明；逐条展开时一个发光“数据包”沿线跳到下一站。

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

在範例簡報中查看 →

分組: 机制 · 一次请求经过哪里
元件: RequestJourney · #request-journey
互動: 每按一次 → 数据包前进一站，线路随之点亮

適合

请求、数据或订单依次经过几层
讲解系统的处理顺序

不適合

有分支或回路：用 FlowDiagram
超过 6 站：拆页或用 StepTrack

內容上限

1	hops 3–6 站：name ≤ 6 字，note ≤ 30 字，tag ≤ 10 个字符
2	图标只用 icon-set 里的名称，同一页不要重复

欄位

欄位	型別
`kicker` · 必填	`string`	标题上方的小节名，2–8 字
`title` · 必填	`string \| string[]`	页面标题；传数组可手动断行，每项一行
`lead`	`string`	一到两句导语，≤ 60 字
`source`	`string`	事实出处；页面上有任何数据或事实时必填
`hint`	`ReactNode`	页眉中间的操作提示，可用 <kbd>
`hops` · 必填	`{ icon, name, note, tag? }[]`	各站，每站一步

範例程式碼

<RequestJourney kicker="怎么工作" title="一个请求经过哪几站" hops={[{ icon: 'routing', tag: 'DNS', name: 'DNS 解析', note: '…' }, …]} />