LiveKit docs › Components › ConnectionQualityIndicator

---

# ConnectionQualityIndicator

The `ConnectionQualityIndicator` shows the individual connection quality of a participant.

## Import

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

```

## Usage

```tsx
<ConnectionQualityIndicator />

```

---

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

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