泳道看板 <Lanes />

3–4 列泳道，每列一个时间范围，下面 2–4 张卡片；指定一列铺强调色浅底，表示“现在就该做”的那一列。

分组: 规划 · 现在 / 下一步 / 之后
组件: Lanes · #lanes
交互: 泳道依次出现，卡片逐张落下；悬停卡片时抬起。

适合

路线图：现在、下一步、之后
按状态归类：已移除、将移除、已弃用

不适合

有明确日期和周期：用 Gantt
项目之间有先后依赖：用 FlowDiagram

内容上限

1	lanes 3 或 4 列
2	label ≤ 6 字；sub ≤ 12 个字符
3	每列 2–4 张卡，列与列相差不超过 1 张
4	card.title ≤ 14 字；body ≤ 28 字；tag ≤ 12 个字符

字段

字段	类型
`kicker` · 必填	`string`	标题上方的小节名，2–8 字
`title` · 必填	`string \| string[]`	页面标题；传数组可手动断行，每项一行
`lead`	`string`	一到两句导语，≤ 60 字
`source`	`string`	事实出处；页面上有任何数据或事实时必填
`hint`	`ReactNode`	页眉中间的操作提示，可用 <kbd>
`lanes` · 必填	`{ label, sub?, icon?, cards: { title, body?, tag? }[] }[]`	泳道
`focus`	`number`	强调的泳道，默认 0

示例代码

<Lanes
  kicker="正在退场"
  title="这些东西正在离开 Lumen"
  focus={1}
  lanes={[
    { label: '已移除', sub: 'Lumen 13', icon: 'close', cards: [{ title: 'mipsel 与 mips64el', body: '不再受支持' }] },
    { label: '将移除', sub: 'Lumen 14', icon: 'hourglass', cards: [{ title: 'armel 架构', body: 'aurora 是最后一个版本' }] },
    { label: '已弃用', icon: 'history', cards: [{ title: '单行 sources.list', body: '最早 2029 年后移除' }] },
  ]}
  source="aurora 发行说明 §5"
/>