AiChatInput

AI

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

[EXAMPLES]

Basic

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
onSend(message: string, attachments?: File[]) => void—Send callback
onStop() => void—Stop streaming callback
isLoadingbooleanfalseShow stop button
models{ id: string; name: string }[]—Available AI models
selectedModelIdstring—Current model ID
onModelChange(modelId: string) => void—Model change callback

[ACCESSIBILITY]

KEYBOARD SHORTCUTS

KEYACTION
EnterSend message
Shift+EnterNew line

ARIA

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