Basic Sliders

This example walks you through the basics of creating a Slider from script. Both Sliders in this example link to text input fields that expect numeric input. The first Slider uses the default configuration, spanning values between 0 and 100, and is rendered inline.

The second Slider is configured to orient vertically (along the y axis) and the configuration includes minimum, maximium, and initial values. It is rendered into a <div>.

The first Slider is set up in a more traditional JavaScript coding style and the second using the shorter, method chaining style.

Horizontal Slider

Vertical Slider