---
order: 2
group:
  title: 展现
  order: 1
title: HistoryPanel
description: 对话历史面板
---

<DemoTitle title="HistoryPanel" desc="对话历史面板" llmTxtName="Conversations"></DemoTitle>

<code src="./demo/basic.tsx" height="auto">示例</code>

<Install>import { HistoryPanel } from '@agentscope-ai/chat'</Install>

#### 历史面板示例

以下是此组件的示例和变体

<code src="./demo/timestamp.tsx" height="auto">展示时间戳</code>
<code src="./demo/timeline.tsx" height="auto">展示时间戳 & 时间线</code>

#### API

##### HistoryPanel

<ApiParser source="./index.tsx" id="ConversationsProps"></ApiParser>

##### Conversation

<ApiParser source="./interface.ts" id="Conversation"></ApiParser>