SpeakingIndicator

Shows that the assistant is speaking, with its level and a stop button. Playback stays with you: pass speaking, levels and onStop. Screen readers hear labels.speaking once when speech starts. Put it where it fits, for example in ChatHeader or above the composer.

Getting Started
$pnpm add @sinups/ai-kit @mantine/core @mantine/hooks @tabler/icons-react
Examples
Speaking
API reference
Prop
Type
Required
speaking
boolean
Yes
The assistant's voice is playing; the indicator is empty otherwise
levels
number[] | number
No
Output level from 0 to 1, per bar or one number, see `VoiceLevel`
onStop
() => void
No
Renders a stop button when set
labels
Partial<SpeakingIndicatorLabels>
No
Overrides of the default English labels
className
string
No
Class name added to the root element
style
React.CSSProperties
No
Inline styles added to the root element