# Converting toggle button to slider for Interact.jl

**URL:** <https://discourse.julialang.org/t/converting-toggle-button-to-slider-for-interact-jl/62495>\
**Category:** General Usage\
**Tags:** question, plotting\
**Created:** [June 7, 2021, 7:19am UTC](https://discourse.julialang.org/t/converting-toggle-button-to-slider-for-interact-jl/62495 "2021-06-07T07:19:51Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdsa3d](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/mdsa3d/32/20389_2.png) [@mdsa3d](https://discourse.julialang.org/u/mdsa3d)\
**Post date:** [June 7, 2021, 7:19am UTC](https://discourse.julialang.org/t/converting-toggle-button-to-slider-for-interact-jl/62495/1 "2021-06-07T07:19:51Z")

</div>

I have created an interactive plot for a dataframe `df` with column names `a, b, c`

```julia
#=
5×5 DataFrame
 Row │ a b c  
     │ Int64 Int64 Int64  
─────┼────────────────────────
   1 │ 1 3 2     
   2 │ 2 2 1      
   3 │ 3 2 3      
=#
using DataFrame
df = DataFrame(:a=>[1,2,3], :b=>[3,2,2], :c=>[2,1,3])
mp = @manipulate for i = names(df)  
    x = [1,2,3]
	y = df[:, i]
    plot1 = Plots.plot(x, y)
end
ui = dom"div"(mp)
WebIO.webio_serve(page("/", req -> ui), 8006)

```

The issue with the code is that it creates toggle buttons, but I rather want a slider to change the entries.  
Please suggest a solution to convert the buttons into a slider.

Thanks!