ConnectionQualityIndicator
function ConnectionQualityIndicator(__namedParameters): Element;Defined in: packages/react/src/components/connection/ConnectionQualityIndicator.tsx:33
The ConnectionQualityIndicator shows the individual connection quality of a participant.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | ConnectionQualityIndicatorProps |
Returns
Element
Example
// Basic — show quality for the participant in context.
<ConnectionQualityIndicator />
// Advanced — show connection quality next to each participant tile.
function ParticipantQualityList() {
const tracks = useTracks([Track.Source.Camera]);
return (
<VoiceRoom agent={agent}>
<GridLayout tracks={tracks}>
<ParticipantTile />
<ConnectionQualityIndicator />
</GridLayout>
</VoiceRoom>
);
}