Skip to content

<reed-ai-input> 组件

概述

<reed-ai-input>组件用于输入AI提问。

基本用法

vue
<reed-ai-input>
  <template #send>
    <grove-icon name="Promotion" />
  </template>
  <template #stop>
    <grove-icon name="More" />
  </template>
</reed-ai-input>

插槽说明

组件通过插槽提供自定义操作按钮的图标或内容,支持以下插槽:

#send

  • 作用:自定义「发送」按钮的图标或内容
  • 示例
    vue
    <template #send>
      <grove-icon name="Promotion" /> <!-- 发送/提交图标 -->
    </template>

#stop

  • 作用:自定义「停止」按钮的图标或内容
  • 示例
    vue
    <template #stop>
      <grove-icon name="More" /> <!-- 更多选项图标 -->
    </template>