# RemoteVerticalPageIndicator

## Functions summary

|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/layout/RemoteComposable @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteVerticalPageIndicator.composable#RemoteVerticalPageIndicator(androidx.wear.compose.remote.material3.RemotePageIndicatorState,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.compose.remote.creation.compose.state.RemoteColor,androidx.compose.remote.creation.compose.state.RemoteColor,androidx.compose.remote.creation.compose.state.RemoteColor,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteDp)( state: https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemotePageIndicatorState, modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier, selectedColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor, unselectedColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor, backgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor, indicatorSize: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp, padding: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp )` A vertical page indicator curved along the right edge of the screen. |

## Functions

### RemoteVerticalPageIndicator

Artifact: [androidx.wear.compose.remote:remote-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose-remote) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/remote/material3/RemotePageIndicator.kt+function:RemoteVerticalPageIndicator) Added in [1.0.0-alpha15](https://developer.android.com/jetpack/androidx/releases/wear-compose-remote#1.0.0-alpha15)

```
@RemoteComposable
@Composable
fun RemoteVerticalPageIndicator(
    state: RemotePageIndicatorState,
    modifier: RemoteModifier = RemoteModifier,
    selectedColor: RemoteColor = RemotePageIndicatorDefaults.selectedColor,
    unselectedColor: RemoteColor = RemotePageIndicatorDefaults.unselectedColor,
    backgroundColor: RemoteColor = RemotePageIndicatorDefaults.backgroundColor,
    indicatorSize: RemoteDp = RemotePageIndicatorDefaults.IndicatorSize,
    padding: RemoteDp = RemotePageIndicatorDefaults.PageIndicatorPadding
): Unit
```

A vertical page indicator curved along the right edge of the screen. Pages are indicated as a Circle shape.

```kotlin
import androidx.compose.remote.creation.compose.state.ri
import androidx.wear.compose.remote.material3.RemoteVerticalPageIndicator
import androidx.wear.compose.remote.material3.rememberRemotePageIndicatorState

val state = rememberRemotePageIndicatorState(selectedPage = 1.ri, pageCount = 3)
RemoteVerticalPageIndicator(state = state, modifier = modifier)
```

| Parameters |
|---|---|
| `state: https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemotePageIndicatorState` | The state object of the page indicator. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier = RemoteModifier` | The modifier to be applied to the layout. |
| `selectedColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor = RemotePageIndicatorDefaults.selectedColor` | The color of the selected page indicator. |
| `unselectedColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor = RemotePageIndicatorDefaults.unselectedColor` | The color of unselected page indicators. |
| `backgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteColor = RemotePageIndicatorDefaults.backgroundColor` | The color of the page indicator background. |
| `indicatorSize: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp = RemotePageIndicatorDefaults.IndicatorSize` | The size (diameter) of each circular indicator dot. |
| `padding: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp = RemotePageIndicatorDefaults.PageIndicatorPadding` | The padding of the indicator from the right edge of the screen. |