<h2 id="horizontalpageindicator-pagerstate-modifier-selectedcolor-unselectedcolor-backgroundcolor">HorizontalPageIndicator</h2>

<div class='sourceset sourceset-android'>Android</div>

```kotlin
@Composable
public fun HorizontalPageIndicator(
    pagerState: PagerState,
    modifier: Modifier = Modifier,
    selectedColor: Color = PageIndicatorDefaults.selectedColor,
    unselectedColor: Color = PageIndicatorDefaults.unselectedColor,
    backgroundColor: Color = PageIndicatorDefaults.backgroundColor,
)
```

#### Parameters

| | |
| --- | --- |
| pagerState | State of the [HorizontalPager](/jetpack-compose/androidx.wear.compose/compose-foundation/composable-functions/HorizontalPager) used to control this indicator |
| modifier | Modifier to be applied to the [HorizontalPageIndicator](/jetpack-compose/androidx.wear.compose/compose-material3/components/HorizontalPageIndicator) |
| selectedColor | The color which will be used for a selected indicator item. |
| unselectedColor | The color which will be used for an unselected indicator item. |
| backgroundColor | The color which will be used for an indicator background. |