Options

A Rangeable instance can be initialised with a number of custom options.

Just pass an Object to the constructor with your options:

const rangeable = new Rangeable(input, {
    type: "single",
    tooltips: "always",
    min: 0,
    max: 100,
    step: 1,
    value: 50,
    vertical: false,
    controls: undefined,
    formalTooltip: function(val) {
        // format the tooltip content
    },
    onInit: function(val) {
        // do something when the instance has loaded
    },
    onStart: function(val) {
        // do something on mousedown/touchstart
    },
    onChange: function(val) {
        // do something when the value changes
    },
    onEnd: function(val) {
        // do something on mouseup/touchend
    }
});

---

Options Reference

• type
• min
• max
• step
• value
• vertical
• tooltips
• controls
• formalTooltip
• onInit
• onStart
• onChange
• onEnd
• updateThrottle