slider Configurator
Configure your input widget to your needs.
Rendered output
Code input
Config type
all input types
only range
dashed/expanded
JSON/compressed
Markup format
verbose
one line
slider widget cookbook
Add stepUp/stepDown spin buttons to a slider
Combine a range control with a number control
live configuration options
$.prop/$.attr
min
max
defaultValue
step
list
range-list (predefined datalist)
disabled
readonly
Config properties / data-date attribute
stepfactor (similiar to setp, user can only reach the stepfactor * step)
calcTrail (go to min/max to see the difference)
animate
calculateWidth
Classes/SASS extends
show-valuetooltip
show-labeltooltip (only with labeled list options)
show-activevaluetooltip
show-activelabeltooltip (only with labeled list options)
show-tickvalues (only with list)
show-ticklabels (only with labeled list options)
hide-ticks (only with list)
general document/browser enviroment
direction of the document
ltr
rtl
widget scale
Polyfill/enhance strategy
"auto" enhance non-mobile
false: only polyfill
true: enhance all