Labeling a Slider Thumb

[michael_vetter]

I've created a slider (not a time slider) within my application and was wondering if it was possible to label the thumb. I used this Esri sandbox example to create the slider. In the Esri example, I would want to label the thumb with the selected population number. Is this even possible?

Thanks in advance!

[KellyHutchins · Accepted solution]

If I understand the question correctly you can add a label to the slider thumb by setting labelsVisible to true: 

     const populationSlider = new Slider({
          container: "population-slider",
          min: 0,
          max: 1000000,
          values: [selectedPopulation],
          labelsVisible:true,
          steps: 10000,
          snapOnClickEnabled: false
        });‍‍‍‍‍‍‍‍‍

[michael_vetter]

Thanks Kelly! I must have overlooked the labelsVisible setting.