LiveKit docs › Components › ControlBar

---

# ControlBar

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.

## Import

```typescript
import { ControlBar } from "@livekit/components-react";

```

## Remarks

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

## Usage

```tsx
<LiveKitRoom>
  <ControlBar />
</LiveKitRoom>

```

## Properties

- **`controls`** _(ControlBarControls)_ (optional): _(Optional)_

_(Optional)_

- **`undefined`** _(undefined)_: 

- **`saveUserChoices`** _(boolean)_ (optional): _(Optional)_ If `true`, the user's device choices will be persisted. This will enable the user to have the same device choices when they rejoin the room.

- **`variation`** _('minimal' | 'verbose' | 'textOnly')_ (optional): _(Optional)_

---

This document was rendered at 2026-06-07T11:32:00.653Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/react/component/controlbar.md](https://docs.livekit.io/reference/components/react/component/controlbar.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).