Composables UI is out: our new component library for Compose Multiplatform ->
Compose Component

VerticalSliderLegacy

Vertical Sliders allow users to make selections from a range of values.

VerticalSliderLegacy social preview

VerticalSliderLegacy

Deprecated

Maintained for binary compatibility. Use the version with topToBottom instead.

Source set: Common
@ExperimentalMaterial3ExpressiveApi
@Composable
fun VerticalSliderLegacy(
    state: SliderState,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    reverseDirection: Boolean = false,
    colors: SliderColors = SliderDefaults.colors(),
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    thumb: @Composable (SliderState) -> Unit = { _ ->
        SliderDefaults.Thumb(
            interactionSource = interactionSource,
            isVertical = true,
            colors = colors,
            enabled = enabled,
            thumbSize = VerticalThumbSize,
        )
    },
    track: @Composable (SliderState) -> Unit = { sliderState ->
        SliderDefaults.Track(
            colors = colors,
            enabled = enabled,
            sliderState = sliderState,
            trackCornerSize = Dp.Unspecified,
        )
    },
) =
    VerticalSlider(
        state = state,
        modifier = modifier,
        enabled = enabled,
        topToBottom = !reverseDirection,
        colors = colors,
        interactionSource = interactionSource,
        thumb = thumb,
        track = track,
    )

Parameters
state SliderState which contains the slider's current value.
modifier the Modifier to be applied to this slider
enabled controls the enabled state of this slider. When false, this component will not respond to user input, and it will appear visually disabled and disabled to accessibility services.
reverseDirection controls the direction of this slider. Default is top to bottom.
colors SliderColors that will be used to resolve the colors used for this slider in different states. See SliderDefaults.colors.
interactionSource the MutableInteractionSource representing the stream of Interactions for this slider. You can create and pass in your own remembered instance to observe Interactions and customize the appearance / behavior of this slider in different states.
thumb the thumb to be displayed on the slider, it is placed on top of the track. The lambda receives a SliderState which is used to obtain the current active track.
track the track to be displayed on the slider, it is placed underneath the thumb. The lambda receives a SliderState which is used to obtain the current active track.

Last updated: