翻面卡 <FlipCards />
2–4 张卡片，正面是一句说法或问题，每按一次 → 一张卡 3D 翻到背面，露出答案。
Template and style descriptions are currently available in Chinese only.
- Group
- 揭晓 · 先问后答
- Component
FlipCards·#flip-cards- Interaction
- build: reveal 时每步翻一张；未逐步或打印时全部显示背面
Good for
- 破除误解：正面写常见说法，背面写事实
- 先抛问题让听众猜，再翻面揭晓
Avoid when
- 没有“先问后答”的悬念：用 PanelCards
- 超过 4 张：拆页
Content limits
| 1 | cards 2–4 张 |
| 2 | tag ≤ 6 字；front ≤ 3 行 × 9 字 |
| 3 | title ≤ 12 字；body ≤ 48 字 |
| 4 | backTag ≤ 6 字 |
| 5 | 配 build: reveal 才有翻面 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 标题上方的小节名，2–8 字 |
title · required | string | string[] | 页面标题；传数组可手动断行，每项一行 |
lead | string | 一到两句导语，≤ 60 字 |
source | string | 事实出处；页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示，可用 <kbd> |
cards · required | { tag, front, title, body }[] | 正面 tag + front，背面 title + body |
backTag | string | 背面的小标签，默认“答案” |
Example
<FlipCards kicker="先翻三张牌" title="关于纸，常见的三个说法" backTag="其实" cards={[{ tag: '说法一', front: '纸是蔡伦从零发明的', title: '更早就已有纸', body: '…' }, …]} source="…" />