ControlBar
function ControlBar(__namedParameters): Element;Defined in: packages/react/src/components/controlbar/ControlBar.tsx:51
The ControlBar prefab gives the user the basic user interface to control their media devices (camera, microphone and screen share), open the Chat and leave the room.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ControlBarProps |
Returns
Element
Example
// Basic — render the default room controls.
<VoiceRoom agent={agent}>
<ControlBar onLeave={() => room.disconnect()} />
</VoiceRoom>
// Advanced — hide disabled features and render icon-only controls.
function ControlledRoom() {
return (
<VoiceRoom agent={agent}>
<Chat />
<ControlBar variation="minimal" controls={{ camera: false, chat: false }} />
<RoomAudioRenderer />
</VoiceRoom>
);
}