LiveKit docs › Components › ChatToggle

---

# ChatToggle

The `ChatToggle` component is a button that toggles the visibility of the `Chat` component.

## Import

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

```

## Remarks

For the component to have any effect it has to live inside a `LayoutContext` context.

## Usage

```tsx
<LiveKitRoom>
  <ChatToggle />
</LiveKitRoom>

```

---

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

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