Range Slider

  2. Components
  3. Range Slider
Basic
Start without params
Min and Max
Set min value, max value and start point
Prefix
Set type to double and specify range, also showing grid and adding prefix "$"
Range
Set up range with negative values
Step
Using step 250
Fractional Step
Set up range with fractional values, using fractional step
Own Numbers
Set up you own numbers
String Value
Using any strings as your values
No Prettify
Big numbers are ugly and unreadable
Prettify
Prettify enabled. Much better!
Seperator
Don't like space as separator? Use anything you like!
Own Prettify Function
You don't like default prettify function? Use your own!
Postfixes
Using postfixes
Max Postfixes
Want to show that max number is not the biggest one?
Both Decoration
Want to show that max number is not the biggest one?
Remove Decoration
Remove double decoration
Own Values Separator
Use your own separator symbol with values_separator option. Like →
Values Separator To
Or " to ":
Hide Visual Details
You can disable all the sliders visual details, if you wish. Like this:
Hide any Details
Or hide any part you wish
Hide From-To Details
And some more
Hide Min-Max & Grid Details
And some more