AiChatInput

AI

Chat input with attachment support, model selector, and streaming stop button.

[EXAMPLES]

Basic

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
onSend(message: string, attachments?: File[]) => voidSend callback
onStop() => voidStop streaming callback
isLoadingbooleanfalseShow stop button
models{ id: string; name: string }[]Available AI models
selectedModelIdstringCurrent model ID
onModelChange(modelId: string) => voidModel change callback

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
EnterSend message
Shift+EnterNew line

ARIA

  • >Textarea with aria-label
  • >Send button with aria-label