聊天问答 <ChatThread />
左边标题、导语和一条手绘波浪箭头，右边一串聊天气泡：提问在左、白色；回答在右、强调色。每条气泡是一个展开步骤。
Template and style descriptions are currently available in Chinese only.
- Group
- 问答 · 3–6 条对话
- Component
ChatThread·#chat-thread
Good for
- 新手常见问题、用户提问
- 想让问答读起来像对话
Avoid when
- 问题超过 3 个且要标出处：用 Faq
- 回答很长
Content limits
| 1 | messages 3–6 条：提问 ≤ 24 字，回答 ≤ 44 字 |
| 2 | title ≤ 2 行 × 7 字 |
| 3 | lead ≤ 50 字 |
| 4 | names 每个 ≤ 6 字 |
Fields
| Field | Type | |
|---|---|---|
kicker · required | string | 小节名，2–8 字 |
title · required | string | string[] | 标题；数组手动断行 |
lead | string | 一两句导语，≤ 60 字 |
source | string | 事实出处 |
messages · required | { from: 'q' | 'a', text }[] | 对话 |
names | { q, a } | 两边的名字，默认 提问 / 回答 |
Example
<ChatThread kicker="新手问答" title={['第一次上手，', '先问这三句']} messages={[{ from: 'q', text: '新演示放在哪里？' }, { from: 'a', text: '…' }]} />