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' |
| 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 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.