Animated typing indicator shown during agent response streaming.

Displays a three-dot animation with optional agent name label to provide visual feedback that the agent is actively generating a response.

The animation is CSS-based and automatically loops. The label text adjusts based on whether an agent name is provided: “{agentName} is typing…” or simply “Typing…”.

Example

{isStreaming && <StreamingIndicator agentName={activeAgent} />}

function StreamingIndicator(props: StreamingIndicatorProps): React.ReactElement

Parameters

props