---
order: 2
group:
  title: Display
  order: 1
title: HistoryPanel
description: Conversation History Panel
---

<DemoTitle title="HistoryPanel"  desc="Conversation History Panel" llmTxtName="Conversations"></DemoTitle>

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

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


#### HistoryPanel Examples

The following are examples and variations of this component

<code src="./demo/timestamp.tsx" height="auto">Show Timestamp</code>
<code src="./demo/timeline.tsx" height="auto">Show Timestamp & Timeline</code>
<code src="./demo/select.tsx" height="auto">Selectable</code>
<code src="./demo/avatar.tsx" height="auto">Avatar</code>

#### API

##### HistoryPanel

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

##### Conversation

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