- 分組
- 揭晓 · 先问后答
- 元件
FlipCards·#flip-cards- 互動
- build: reveal 时每步翻一张；未逐步或打印时全部显示背面
適合
- 破除误解：正面写常见说法，背面写事实
- 先抛问题让听众猜，再翻面揭晓
不適合
- 没有“先问后答”的悬念：用 PanelCards
- 超过 4 张：拆页
內容上限
| 1 | cards 2–4 张 |
| 2 | tag ≤ 6 字；front ≤ 3 行 × 9 字 |
| 3 | title ≤ 12 字；body ≤ 48 字 |
| 4 | backTag ≤ 6 字 |
| 5 | 配 build: reveal 才有翻面 |
欄位
| 欄位 | 型別 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名，2–8 字 |
title · 必填 | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
cards · 必填 | { tag, front, title, body }[] | 正面 tag + front，背面 title + body |
backTag | string | 背面的小标签，默认“答案” |
範例程式碼
<FlipCards kicker="先翻三张牌" title="关于纸，常见的三个说法" backTag="其实" cards={[{ tag: '说法一', front: '纸是蔡伦从零发明的', title: '更早就已有纸', body: '…' }, …]} source="…" />