---
group:
  title: Output
  order: 3
title: AssetsPreview
description: 可以在对话中预览资源
---

<DemoTitle title="AssetsPreview" desc="可以在对话中预览资源"></DemoTitle>

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

#### AssetsPreview 示例

<code src="./demo/left.tsx" height="auto">多张左对齐平铺</code>
<code src="./demo/center.tsx" height="auto">单张居中显示</code>
<code src="./demo/video.tsx" height="auto">视频生成</code>
<code src="./demo/audio.tsx" height="auto">音频生成</code>

#### API

##### IAssetsPreviewProps

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

##### IImage

<ApiParser source="./types.tsx" id="IImage"></ApiParser>

##### IVideo

<ApiParser source="./types.tsx" id="IVideo"></ApiParser>

##### IAudio

<ApiParser source="./types.tsx" id="IAudio"></ApiParser>