# Is there a RangeSlider in kotlin react?

**URL:** <https://discuss.kotlinlang.org/t/is-there-a-rangeslider-in-kotlin-react/25635>\
**Category:** JavaScript\
**Created:** [September 10, 2022, 7:02pm UTC](https://discuss.kotlinlang.org/t/is-there-a-rangeslider-in-kotlin-react/25635 "2022-09-10T19:02:22Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![swi](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@swi](https://discuss.kotlinlang.org/u/swi)\
**Post date:** [September 10, 2022, 7:02pm UTC](https://discuss.kotlinlang.org/t/is-there-a-rangeslider-in-kotlin-react/25635/1 "2022-09-10T19:02:22Z")

</div>

Hello,

I’m looking for a Slider where I can set the start and the endpoint like this:

> **[React Slider component - Material UI](https://mui.com/material-ui/react-slider/#range-slider)**
>
> Sliders allow users to make selections from a range of values.

I saw that there is a kotlin-mui library: [kotlin-wrappers/kotlin-mui at master · JetBrains/kotlin-wrappers · GitHub](https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-mui)  
But I didn’t found the desired component

Any ideas how to implement this?  
In kotlin i useing the react version `18.2.0-pre.382`

Thank you 🙂

---

<div class="post-metadata">

**Author:** ![swi](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@swi](https://discuss.kotlinlang.org/u/swi)\
**Post date:** [September 13, 2022, 7:24am UTC](https://discuss.kotlinlang.org/t/is-there-a-rangeslider-in-kotlin-react/25635/2 "2022-09-13T07:24:13Z")

</div>

If anyone is interested, I found the solution:

```auto
                       Slider {
                            value = arrayOf( 0.7,0.8)
                            min = 0f
                            max = 1f
                            step = 0.05
                            marks = true
                            onChange = { _, numbers, _ ->
                                val values = numbers as Array<Float>
                                ...
                            }
                        }

```