LiveKit docs › Components › FocusToggle

---

# FocusToggle

The `FocusToggle` puts the `ParticipantTile` in focus or removes it from focus.

## Import

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

```

## Remarks

This component needs to live inside `LayoutContext` to work properly.

## Usage

```tsx
<ParticipantTile>
  <FocusToggle />
</ParticipantTile>

```

## Properties

- **`trackRef`** _(TrackReferenceOrPlaceholder)_ (optional): _(Optional)_

---

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

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