VoiceAssistantControlBar
function VoiceAssistantControlBar(__namedParameters): Element;Defined in: packages/react/src/components/controlbar/VoiceAssistantControlBar.tsx:40
Mic toggle + leave, wired to useTrackToggle('microphone'). Composes the
existing Valora ControlBar.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | VoiceAssistantControlBarProps |
Returns
Element
Example
// Basic — show microphone and leave controls.
<VoiceAssistantControlBar controls={{ microphone: true, leave: true }} onLeave={hangUp} />
// Advanced — compose voice state with the assistant controls.
function AssistantFooter() {
return <VoiceRoom agent={agent}><AssistantFooterContent /></VoiceRoom>;
}
function AssistantFooterContent() {
const { state } = useVoiceAssistant();
return (
<>
<p>{state === "listening" ? "Listening..." : "Ready"}</p>
<VoiceAssistantControlBar controls={{ microphone: true, leave: true }} onLeave={hangUp} />
</>
);
}