component-markdown-input-field

name	component-markdown-input-field
description	Develop MarkdownInputField and attachments, voice, send actions in @ant-design/agentic-ui. Use when building chat input, file upload, voice input, send button, or suggestion bar. Triggers on MarkdownInputField, input field, attachment, voice input, send button. Use when this capability is needed.
metadata	{"author":"antdigital-ai"}

MarkdownInputField 组件开发

多模态输入框：Markdown 输入、附件、语音、发送按钮与建议条等。

源码位置

• 主组件：src/MarkdownInputField/MarkdownInputField.tsx
• 附件：src/MarkdownInputField/AttachmentButton/、AttachmentFileList/
• 语音：src/MarkdownInputField/VoiceInput/
• 发送与建议：SendButton、Suggestion、QuickActions、SkillModeBar 等
• 类型与工具：见各子目录 types、utils

主要能力

• Markdown 输入与编辑器联动
• 附件上传、列表展示、类型限制
• 语音输入与状态
• 发送按钮、快捷操作、技能模式条

开发规范

• 使用 token 与 createStyles，支持 classNames/styles。
• 事件使用 on 前缀（如 onSend、onFileSelect）。
• 与 Bubble、ChatLayout 等配合时保持交互一致。

修改或扩展输入框、附件、语音、发送逻辑时，参考 src/MarkdownInputField/ 与 AGENTS.md。

---

Source: antdigital-ai/agentic-ui — distributed by TomeVault.