- 分组
- 答疑 · 听众最常问的问题
- 组件
Faq·#faq- 交互
- 问答依次淡入;悬停时编号变为强调色并上移。
适合
- 升级、上线、采购前常被问到的 4–6 个问题
- 每个问题都能用一两句话回答
不适合
- 回答需要一整页解释:单独成页
- 其实是在核查说法真假:用 ClaimCards
内容上限
| 1 | items 4 或 6 个 |
| 2 | q ≤ 24 字;a ≤ 56 字 |
| 3 | tag ≤ 24 个字符:命令、章节号或参数 |
字段
| 字段 | 类型 | |
|---|---|---|
kicker · 必填 | string | 标题上方的小节名,2–8 字 |
title · 必填 | string | string[] | 页面标题;传数组可手动断行,每项一行 |
lead | string | 一到两句导语,≤ 60 字 |
source | string | 事实出处;页面上有任何数据或事实时必填 |
hint | ReactNode | 页眉中间的操作提示,可用 <kbd> |
items · 必填 | { q, a, tag? }[] | 问答 |
示例代码
<Faq
kicker="常见问题"
title="升级前常被问到的六件事"
items={[
{ q: '能跳过版本直接升级吗?', a: '不能。只支持从 Lumen 12 升级。', tag: '§4.2.1' },
{ q: '/boot 要留多大?', a: '分区至少 768 MB,并留出约 300 MB 空闲空间。', tag: '§5.1.5' },
]}
source="aurora 发行说明 §4 · §5"
/>