---
title: "RemoteSlider"
description: "[RemoteSlider] allows users to make a selection from a range of values."
type: "composable"
lastmod: "2026-09-24"
---
## API Reference

### RemoteSlider

> Source set: Android

```kotlin
@Composable
public fun RemoteSlider(
    value: RemoteFloat,
    steps: Int = 0,
    modifier: RemoteModifier = RemoteModifier,
    decreaseAction: Action = Action.Empty,
    increaseAction: Action = Action.Empty,
    enabled: RemoteBoolean = true.rb,
    valueRange: ClosedFloatingPointRange<Float> = 0f..(steps + 1).toFloat(),
    segmented: Boolean = steps <= RemoteSliderDefaults.MaxSegmentSteps,
    shape: RemoteShape = RemoteSliderDefaults.shape,
    colors: RemoteSliderColors = RemoteSliderDefaults.sliderColors(),
    decreaseIcon: @Composable @RemoteComposable () -> Unit = {
        RemoteSliderDefaults.DecreaseIcon()
    },
    increaseIcon: @Composable @RemoteComposable () -> Unit = {
        RemoteSliderDefaults.IncreaseIcon()
    },
)
```

[RemoteSlider](/jetpack-compose/androidx.wear.compose.remote/remote-material3/composable-functions/RemoteSlider/api) allows users to make a selection from a range of values.

#### Parameters

| | |
| --- | --- |
| value | Current value of the Slider. |
| steps | The number of steps between the min and max value of the `valueRange`. |
| modifier | Modifiers to be applied to the Slider. |
| decreaseAction | Action to perform when the decrease button is clicked. |
| increaseAction | Action to perform when the increase button is clicked. |
| enabled | Controls the enabled state of the Slider. Note that only constant values are currently supported for [enabled](/jetpack-compose/androidx.compose.remote/remote-creation-compose/properties/enabled) for click handling. |
| valueRange | The range of values that this slider can take. |
| segmented | Controls whether the slider displays segment indicators. |
| shape | Shape of the slider container. |
| colors | `RemoteSliderColors` that will be used to resolve the colors used for this [RemoteSlider](/jetpack-compose/androidx.wear.compose.remote/remote-material3/composable-functions/RemoteSlider). |
| decreaseIcon | A slot for an icon which is placed on the decrease button. |
| increaseIcon | A slot for an icon which is placed on the increase button. |

### RemoteSlider

> Source set: Android

```kotlin
@Composable
public fun RemoteSlider(
    value: RemoteInt,
    steps: Int = 0,
    modifier: RemoteModifier = RemoteModifier,
    decreaseAction: Action = Action.Empty,
    increaseAction: Action = Action.Empty,
    enabled: RemoteBoolean = true.rb,
    valueRange: ClosedFloatingPointRange<Float> = 0f..(steps + 1).toFloat(),
    segmented: Boolean = steps <= RemoteSliderDefaults.MaxSegmentSteps,
    shape: RemoteShape = RemoteSliderDefaults.shape,
    colors: RemoteSliderColors = RemoteSliderDefaults.sliderColors(),
    decreaseIcon: @Composable @RemoteComposable () -> Unit = {
        RemoteSliderDefaults.DecreaseIcon()
    },
    increaseIcon: @Composable @RemoteComposable () -> Unit = {
        RemoteSliderDefaults.IncreaseIcon()
    },
): Unit
```

[RemoteSlider](/jetpack-compose/androidx.wear.compose.remote/remote-material3/composable-functions/RemoteSlider/api) allows users to make a selection from a range of values.

#### Parameters

| | |
| --- | --- |
| value | Current value of the Slider. |
| steps | The number of steps between the min and max value of the `valueRange`. |
| modifier | Modifiers to be applied to the Slider. |
| decreaseAction | Action to perform when the decrease button is clicked. |
| increaseAction | Action to perform when the increase button is clicked. |
| enabled | Controls the enabled state of the Slider. Note that only constant values are currently supported for [enabled](/jetpack-compose/androidx.compose.remote/remote-creation-compose/properties/enabled) for click handling. |
| valueRange | The range of values that this slider can take. |
| segmented | Controls whether the slider displays segment indicators. |
| shape | Shape of the slider container. |
| colors | `RemoteSliderColors` that will be used to resolve the colors used for this [RemoteSlider](/jetpack-compose/androidx.wear.compose.remote/remote-material3/composable-functions/RemoteSlider). |
| decreaseIcon | A slot for an icon which is placed on the decrease button. |
| increaseIcon | A slot for an icon which is placed on the increase button. |

## Code Examples

### RemoteSliderSample

```kotlin
@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteSliderSample(modifier: RemoteModifier = RemoteModifier) {
    val value = rememberMutableRemoteFloat(2f)
    RemoteSlider(
        value = value,
        steps = 4,
        decreaseAction = valueChange(value, max(value - 1f.rf, 0f.rf)),
        increaseAction = valueChange(value, min(value + 1f.rf, 5f.rf)),
        modifier = modifier,
    )
}
```

### RemoteSliderIntegerSample

```kotlin
@Sampled
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteSliderIntegerSample(modifier: RemoteModifier = RemoteModifier) {
    val value = rememberMutableRemoteInt(2)
    RemoteSlider(
        value = value,
        steps = 4,
        decreaseAction = valueChange(value, max(value - 1.ri, 0.ri)),
        increaseAction = valueChange(value, min(value + 1.ri, 5.ri)),
        modifier = modifier,
    )
}
```