How can I pass a custom step value to the slider?

[graf-andreev]

Hello everyone. How can I pass a custom step value to the slider? For example, I need steps of 15, 30, 60, 90.

This code doesn't work.

$('input[type="range"]').rangeslider({
step: [15, 30, 60, 90]
});

[andreruffert]

@graf-andreev based on the docs the step option is not supported that's why your described code above is not working.

Have a look at this codepen.

It describes an approach of value mapping. In your case this would look something like this:

<input type="range" min="0" max="3" step="1" value="0">

const valueMapping = [15, 30, 60, 90]

✌️