Range independent snaps and steps

Ionic Framework ionic-v3
1

Hi,

I’m trying to make a range from 0 to 100 with snaps every 10 values and I need an step of 1.

Something like

<ion-item>
    <ion-label>step=1, snaps, </ion-label>
    <ion-range min="0" max="100" step="1" snaps="true" SNAP-STEP="10"></ion-range>
  </ion-item>

Is this possible? Exists a workaround?

Thanks and best regards

2

So you need the steps 0, 1, 10, 20, 30, …, 90, 100?

3

Hi Sujan12,

thanks again. No I need step 1 by 1, but I want to see snaps every 10 steps.

Somithing like this

http://simeydotme.github.io/jQuery-ui-Slider-Pips/#styling-scale

Thanks