Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Basic Range Slider
Lorem ipsum dolor sit amet, consectetur adipisicing elit
Basic Range Slider

Use id="ex1" to see default rating

Range selector Slider

Use id="ex2" to see default rating

€ 10 € 1000
Range handles Slider

Use data-slider-id="RC" id="R" data-slider-handle="square" to color handles rating

R

G

B

Destroy Instance Slider

Use id="ex5" to see default rating

Bind to 'slide' JQuery event on slider

Use id="ex6" to see default rating

3
Enabled and Disabled.

Use id="ex7" to see default rating

Enabled
Static Tooltip.

Use id="ex8" to see default rating

Decimal value Slider

Use id="ex9" to see default rating

Setting custom Icon.

Use id="ex10" to see default rating

Using a custom step interval.

Use id="ex11" to see default rating

Coloring.

Use id="ex12a", id="ex12b", id="ex12c" to see default rating




Using tick marks and labels.

Use id="ex13" to see default rating

Using tick marks at specific positions.

Use id="ex14" to see default rating

With a logarithmic scale.

Use id="ex15" to see default rating

Focus the slider.

Use id="ex16a" and id="ex16b" to see default rating



Unusual tooltip positions

Use id="ex17a" to see default rating

Accessibility with ARIA labels

Use id="ex18a" and id="ex18b" to see default rating

Auto-Register

Use id="ex19" to see default rating

Slider-Elements initially hidden

Use id="ex20a" and id="ex16b" to see default rating

automatically turns it into a slider

Use id="ex21" to see default rating

Using tick marks at specific positions..

Use id="ex23" to see default rating

Vertical Slider

Use id="4" to see default rating