LiveKit LogoDocs
Real-timeEgress/IngressCloudReference

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

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

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

Properties

#
childrenReact.ReactNode

The template component to be used in the loop.

#
participantsParticipant[]

The participants to loop over. Use useParticipants() hook to get participants.

On this page

ImportRemarksUsageProperties

Previous

Chevron IconParticipantContextIfNeeded
LiveKit logo

Product

SFU

SDKs

Performance

Deployment

GitHub Logo