InputBar
Text input + submit. Disabled while streaming. Keyboard shortcuts built in.
Controlled input tied to a framework binding's chat state/actions. Submit on
Enter, Shift+Enter for newline. Disabled whenever the chat is streaming.
The props below describe the React-style DOM bindings; host bindings may
use framework-specific props or event conventions. Emits
data-ak-input-bar where the host supports DOM attributes.
#React props
| Prop | Type | Default |
|---|---|---|
chat | ChatReturn | — |
placeholder | string | 'Type a message...' |
disabled | boolean | false |
React currently submits on Enter and uses Shift+Enter for a newline. There is
no submitOn prop in the published component.
#Per-framework
| Framework | Import |
|---|---|
| React | import { InputBar } from '@agentskit/react' |
| Vue | import { InputBar } from '@agentskit/vue' |
| Svelte | import { InputBar } from '@agentskit/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 shares the core state and action contract; host component APIs remain framework-specific.
- PeeruseChat
The shared chat state and action contract adapted by each framework binding.
- PeerChatContainer
Headless scrollable transcript container. Auto-scroll on new messages, virtualized-ready.