Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including sglide.range with all npm packages installed. Try it out:

var sglideRange = require("sglide.range")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

sglide.range v2.0.0

sGlide.range is a JS (or jQ) plugin that generates a simple, highly flexible, feature-rich, mobile-ready range slider.

sGlide.range

A derivative of sGlide. Select the range between custom min and max numbers. Returns selected range numbers and corresponding percentage values. Uses optional smart snapping. Apply your own CSS.

For details, visit home page.

Quickstart Guide: apply the following to an empty div with a unique id.

let callback = o => {};
let options = {
    startAt: [20, 60],  // percentages of totalRange
    width: 90,
    height: 20,
    totalRange: [58, 102],
    snap: {
        points: 5,
        marks: true
    },
    drop: callback,
    onSnap: callback
});

// Standalone
let sGr_instance = new sGlideRange(el, options);

// or jQuery
$('#slider').sGlideRange(options);
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free