---
title: "RemoteHorizontalPageIndicator"
description: "A horizontal page indicator curved along the bottom edge of the screen."
type: "composable"
---
## API Reference

### RemoteHorizontalPageIndicator

> Source set: Android

```kotlin
@Composable
public fun RemoteHorizontalPageIndicator(
    state: RemotePageIndicatorState,
    modifier: RemoteModifier = RemoteModifier,
    selectedColor: RemoteColor = RemotePageIndicatorDefaults.selectedColor,
    unselectedColor: RemoteColor = RemotePageIndicatorDefaults.unselectedColor,
    indicatorRadius: RemoteDp = RemotePageIndicatorDefaults.indicatorRadius,
    padding: RemoteDp = RemotePageIndicatorDefaults.pageIndicatorPadding,
)
```

A horizontal page indicator curved along the bottom edge of the screen.

#### Parameters

| | |
| --- | --- |
| state | The state object of the page indicator. |
| modifier | The modifier to be applied to the layout. |
| selectedColor | The color of the selected page indicator. |
| unselectedColor | The color of unselected page indicators. |
| indicatorRadius | The base radius of each indicator dot. |
| padding | The padding of the indicator from the bottom edge of the screen. |

## Code Examples

### RemoteHorizontalPageIndicatorSample

```kotlin
@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteHorizontalPageIndicatorSample(modifier: RemoteModifier = RemoteModifier) {
    val state = rememberRemotePageIndicatorState(selectedPage = 1.ri, pageCount = 3)
    RemoteHorizontalPageIndicator(state = state, modifier = modifier)
}
```