Flex Slider - Flex Demo

Flex Forms
- Forms
Settings & Tools
- FLEX FIELDS

Pill and circular sliders with elastic motion, rolling numbers, magnetic marks and validated ranges.

Flex Slider

Compare pill and circle handles, elastic motion, rolling numbers, magnetic marks and validated ranges.

Pill thumb & step dots

Capsule handle inside fill and optional in-track step markers via showStepDots().

Elastic · two handle styles

The same icons, magnetic marks and elastic motion with a pill inside the rail or a circle outside it.

Icon buttons

Ordinary side icons stay decorative. Add a separate circular button to switch to a chosen value and restore the previous value.

Variants

Range

Range & step

Tooltips & pips

0

10

20

30

40

50

60

70

80

90

100

Footer value position

Hide thumb until interaction

Grip handle appears on hover or while dragging

Disabled

Information

Developer: FLEX
Category: Controls
Website