InputBar
Text input + submit. Disabled while streaming. Keyboard shortcuts built in.
Controlled input tied to a ChatReturn. Submit on Enter, Shift+Enter
for newline. Disabled whenever chat.status === 'streaming'. Emits
data-ak-input-bar.
#Props
| Prop | Type | Default |
|---|---|---|
chat | ChatReturn | — |
placeholder | string | 'Type a message...' |
disabled | boolean | false |
submitOn | 'enter' | 'mod+enter' | 'enter' |
#Per-framework
| Framework | Import |
|---|---|
| React | import { InputBar } from '@agentskit/react' |
| Vue | import { InputBar } from '@agentskit/vue' |
| Svelte | import InputBar from '@agentskit/svelte/InputBar.svelte' |
| Solid | import { InputBar } from '@agentskit/solid' |
| React Native | import { InputBar } from '@agentskit/react-native' — TextInput-backed |
| Angular | <ak-input-bar [chat]="chat"> |
| Ink | import { InputBar } from '@agentskit/ink' — Ink <TextInput> |
#Related
Explore nearby
- PeerUI + hooks
Every AgentsKit UI binding exposes the same contract. Pick the framework; the API stays the same.
- PeeruseChat
The one hook every framework binding exposes. Same input, same return, same events.
- PeerChatContainer
Headless scrollable transcript container. Auto-scroll on new messages, virtualized-ready.