![](https://developer.android.com/static/wear/images/page-indicators/Page_Indicators-Hero.png)

The [HorizontalPageIndicator](https://developer.android.com/reference/kotlin/androidx/wear/compose/material/package-summary#HorizontalPageIndicator(androidx.wear.compose.material.PageIndicatorState,androidx.compose.ui.Modifier,androidx.wear.compose.material.PageIndicatorStyle,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape)) component is used to represent the currently active page and total pages of an overlay.  
![](https://developer.android.com/static/wear/images/page-indicators/Anatomy.png)  
On round displays, a page indicator is curved. This behavior is implemented in the `HorizontalPageIndicator` class. It is made up of one active indicator and at least one inactive indicator.  

**A. Inactive Indicator
B. Active Indicator**

<br />

<br />

Use indicators to show users where you are in a carousel. Orient content from left to right.

<br />

<br />

## **Usage**

![](https://developer.android.com/static/wear/images/page-indicators/Usage_View.png)

## **Adaptive layouts**

Centre of the dot (indicator) circumference aligns near or on the circular grid for optical balance, this means the curve angle changes slightly as the screen size increases.

![](https://developer.android.com/static/wear/images/page-indicators/page-indicators-adaptive-layouts-page-indicators.png)  
![](https://developer.android.com/static/wear/images/page-indicators/Maximum_Example.png)  
The pagination will always show a maximum of 6 dots, no matter the size of the screen.

<br />

<br />