LiveKit LogoDocs
Real-timeEgress/IngressCloudReference

ControlBar

The ControlBar prefab component gives the user the basic user interface to control their media devices and leave the room.

Import

import { ControlBar } from '@livekit/components-react';

Remarks

This component is build with other LiveKit components like TrackToggle, DeviceSelectorButton, DisconnectButton and StartAudio.

Usage

<LiveKitRoom>
<ControlBar />
</LiveKitRoom>

Properties

#
controls?ControlBarControls

(Optional)

#
variation?'minimal' | 'verbose' | 'textOnly'

(Optional)

On this page

ImportRemarksUsageProperties

Previous

Chevron IconConnectionStateToast
LiveKit logo

Product

SFU

SDKs

Performance

Deployment

GitHub Logo