LiveKit docs › Components › ParticipantLoop

---

# ParticipantLoop

The `ParticipantLoop` component loops over an array of participants to create a context for every participant. This component takes exactly one child component as a template. By providing your own template as a child you have full control over the look and feel of your participant representations.

## Import

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

```

## Remarks

If you want to loop over individual tracks instead of participants, you can use the `TrackLoop` component.

## Usage

```tsx
const participants = useParticipants();
<ParticipantLoop participants={participants}>
  <ParticipantName />
</ParticipantLoop>;

```

## Properties

- **`children`** _(React.ReactNode)_: The template component to be used in the loop.

- **`participants`** _(Participant[])_: The participants to loop over. Use `useParticipants()` hook to get participants.

---

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

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