Slider
Default
The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
Range slider
The space between the handles is filled with a different background color to indicate those values are selected.
Fixed maximum
Fix the maximum value of the range slider so that the user can only select a minimum.
Fixed minimum
Fix the minimum value of the range slider so that the user can only select a maximum.
Snap to increments
Fix the minimum value of the range slider so that the user can only select a maximum.
Vertical slider
Change the orientation of the slider to vertical. Assign a height value via
.height()
or by setting the height through CSS, and set the orientation
option to "vertical."
Vertical range slider
Change the orientation of the range slider to vertical. Assign a height value via
.height()
or by setting the height through CSS, and set the orientation
option to "vertical."