ThinkingIndicator
Visibility flag for streaming / reasoning states.
Renders only while visible. Emits data-ak-thinking.
#Props
| Prop | Type | Default |
|---|---|---|
visible | boolean | — |
label | string | 'Thinking...' |
#Usage
<ThinkingIndicator visible={chat.status === 'streaming'} />#Per-framework
| Framework | Import |
|---|---|
| React | import { ThinkingIndicator } from '@agentskit/react' |
| Vue | import { ThinkingIndicator } from '@agentskit/vue' |
| Svelte | import ThinkingIndicator from '@agentskit/svelte/ThinkingIndicator.svelte' |
| Solid | import { ThinkingIndicator } from '@agentskit/solid' |
| React Native | import { ThinkingIndicator } from '@agentskit/react-native' |
| Angular | <ak-thinking-indicator [visible]="loading"> |
| Ink | import { ThinkingIndicator } from '@agentskit/ink' — animated dots |
#Related
- useChat — read
statusfor visibility
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.