ParticipantTile
function ParticipantTile(__namedParameters): Element;Defined in: packages/react/src/components/participant/ParticipantTile.tsx:68
The base wrapper for a participant's visual representation (video/avatar, name,
mute + connection indicators). Use standalone with a trackRef, or as a child
of TrackLoop, which supplies the track via context.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ParticipantTileProps |
Returns
Element
Example
// Basic — render one known track reference.
<ParticipantTile trackRef={trackRef} />
// Valora mirror — render a standalone local tile.
<ParticipantTile name="Ava Chen" self muted={false} quality="excellent" />
// Advanced — render camera tiles with click handling.
function CameraGrid() {
const tracks = useTracks([{ source: Track.Source.Camera, withPlaceholder: true }]);
return (
<VoiceRoom agent={agent}>
<GridLayout tracks={tracks}>
<ParticipantTile onParticipantClick={handleParticipantClick} />
</GridLayout>
</VoiceRoom>
);
}