---
group:
  title: 输入
  order: 2
title: ChatInput
description: AI输入框
---

<DemoTitle title="ChatInput" desc="AI输入框" llmTxtName="Sender"></DemoTitle>

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

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


#### 对话输入框示例

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

<code src="./demo/loading.tsx" center height="350">生成中暂停</code>
<code src="./demo/withImage.tsx" center height="350">上传图片</code>
<code src="./demo/withFile.tsx" center height="350">上传文件</code>
<code src="./demo/moreMode.tsx" center height="350">自定义模式</code>
<code src="./demo/suggestions.tsx" center height="350">输入建议</code>
<code src="./demo/morePrefixAction.tsx" center height="350">自定义功能</code>
<code src="./demo/asr.tsx" center height="350">语音发送</code>


#### API

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