文件夹叠卡 <FolderCards />

几只文件夹叠在一起，页签错开排列；最前面的展示标题、说明、要点和一张真实截图。配合逐条展开 focus 时，每按一次 → 下一只翻到最前。

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group: 内容 · 3–4 个项目，一次看一个
Component: FolderCards · #folder-cards
Interaction: build 设为 focus：当前文件夹翻到最前。

Good for

3–4 个项目或模块，要逐个讲
每个都有截图

Avoid when

要并排比较：用 PanelCards
超过 4 个

Content limits

1	items 3–4 个：tab ≤ 10 字符，title ≤ 14 字，body ≤ 60 字，points 0–3 条各 ≤ 16 字
2	src 必须是真实截图

Fields

Field	Type
`kicker` · required	`string`	小节名，2–8 字
`title` · required	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`items` · required	`{ tab?, title, body, points?, src?, alt?, file? }[]`	文件夹

Example

<FolderCards
  kicker="三种视图"
  title="一个文件夹一个入口"
  items={[{ tab: 'KIT', title: '组件库', body: '…', src: kitEntry, alt: '…', file: 'ENTRY.WEBP' }, …]}
/>