---
title: Slider
date: '2025-07-02'
description:  Control that lets users select a value from a range by dragging a handle along a track
---

<!-- AUTOGEN:START -->
:::preview[slider]
@code
```kotlin
import androidx.compose.runtime.Composable
import com.composables.uikit.components.Slider
import com.composables.uikit.components.rememberSliderState

@Composable
fun SliderExample() {
    val state = rememberSliderState(initialValue = 0.45f)

    Slider(state = state)
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

```kotlin
import androidx.compose.runtime.Composable
import com.composables.uikit.components.Slider
import com.composables.uikit.components.rememberSliderState

@Composable
fun SliderExample() {
    val state = rememberSliderState(initialValue = 0.45f)

    Slider(state = state)
}
```
<!-- AUTOGEN:END -->