← 所有版型

聊天问答 <ChatThread />

左边标题、导语和一条手绘波浪箭头，右边一串聊天气泡：提问在左、白色；回答在右、强调色。每条气泡是一个展开步骤。

版型與風格的說明目前僅提供簡體中文。

分組: 问答 · 3–6 条对话
元件: ChatThread · #chat-thread

適合

新手常见问题、用户提问
想让问答读起来像对话

不適合

问题超过 3 个且要标出处：用 Faq
回答很长

內容上限

1	messages 3–6 条：提问 ≤ 24 字，回答 ≤ 44 字
2	title ≤ 2 行 × 7 字
3	lead ≤ 50 字
4	names 每个 ≤ 6 字

欄位

欄位	型別
`kicker` · 必填	`string`	小节名，2–8 字
`title` · 必填	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`messages` · 必填	`{ from: 'q' \| 'a', text }[]`	对话
`names`	`{ q, a }`	两边的名字，默认提问 / 回答

範例程式碼

<ChatThread kicker="新手问答" title={['第一次上手，', '先问这三句']} messages={[{ from: 'q', text: '新演示放在哪里？' }, { from: 'a', text: '…' }]} />