AiPromptInput
Prompt Input
Textarea input with submit, stop, and slot customization.
Usage
<AiPromptInput v-model="input" submit-shortcut="mod+enter" @submit="send">
<template #actions="{ submit, canSubmit }">
<button :disabled="!canSubmit" @click="submit">Send</button>
</template>
</AiPromptInput>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | '' | Input value (v-model) |
| placeholder | string | 'Type a message...' | Placeholder text |
| disabled | boolean | false | — |
| loading | boolean | false | Shows stop button when true |
| rows | number | 1 | — |
| autoResize | boolean | true | — |
| submitShortcut | 'enter' | 'mod+enter' | 'enter' | 'enter' submits (Shift+Enter newline); 'mod+enter' submits on ⌘/Ctrl+Enter (Enter newline) |
Slots
prefixattachments-areainputactionssend-iconstop-iconsuffix