# Network Quality Indicator

It's important to indicate to users when the connection quality isn't good.
Each participants (`ParticipantState`) includes the `connectionQuality` attribute.
In addition you can also monitor your own connection using `call.state.networkQuality`.

You can use the `NetworkQualityIndicator` composable component, which is integrated into video render components by default:

![Network Quality Indicator](/data/docs/video/android/_assets/cookbook/network-quality-indicator.png)

## Customization

Here's a small compose example to render a custom connection quality icon for each participant:

```kotlin
@Composable
fun NetworkQualityIndicator(
    modifier: Modifier,
    networkQuality: NetworkQuality
) {
    val color = lerp(Color.Red, Color.Green, networkQuality.quality)

    Canvas(modifier = modifier.size(16.dp)) {
        drawCircle(color)
    }
}
```

You can easily swap out the standard connection quality indicator with your own.

```kotlin
CallContent(
    modifier = Modifier.background(color = VideoTheme.colors.appBackground),
    videoRenderer = { modifier, call, participant, style ->
        ParticipantVideo(
            modifier = modifier,
            call = call,
            participant = participant,
            style = style,
            connectionIndicatorContent = {
                NetworkQualityIndicator(
                    modifier = Modifier
                        .align(Alignment.BottomEnd)
                        .padding(8.dp),
                    networkQuality = it
                )
            }
        )
    },
 ..
)
```

Now, you will see the custom network quality indicator like the result below:

![Network Quality Indicator](/data/docs/video/android/_assets/cookbook/network-quality-indicator-customize.png)


---

This page was last updated at 2026-03-04T14:25:32.571Z.

For the most recent version of this documentation, visit [https://getstream.io/video/docs/android/ui-cookbook/network-quality-indicator/](https://getstream.io/video/docs/android/ui-cookbook/network-quality-indicator/).