GitHub

Source

ParticipantTile

The ParticipantTile component is the base utility wrapper for displaying a visual representation of a participant. This component can be used as a child of the TrackLoop component or by passing a track reference as property.

Import

import { ParticipantTile } from "@livekit/components-react";

Usage Example 1

Using the ParticipantTile component with a track reference:

<ParticipantTile trackRef={trackRef} />

Usage Example 2

Using the ParticipantTile component as a child of the TrackLoop component:

<TrackLoop>
<ParticipantTile />
</TrackLoop>

Properties

disableSpeakingIndicator?boolean

(Optional)

onParticipantClick?(event: ParticipantClickEvent) => void

(Optional)

trackRef?TrackReferenceOrPlaceholder

(Optional) The track reference to display.

deprecatedparticipant?Participant

(Optional)

caution:

This parameter will be removed in a future version use trackRef instead.

deprecatedpublication?TrackPublication

(Optional)

caution:

This parameter will be removed in a future version use trackRef instead.

deprecatedsource?Track.Source

(Optional)

caution:

This parameter will be removed in a future version use trackRef instead.