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.

Generic placeholder image

Range Slider

lorem ipsum dolor sit amet, consectetur adipisicing elit
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

Show
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