UI + hooks
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