Range Slider
Buttons
Dual-thumb range slider with framer-motion drag interaction, step snapping, hover/tap scale animations, and ignite-colored active range fill.
Loading preview...
Customize
Min0
Max100
Step1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
min | number | 0 | Minimum value. |
max | number | 100 | Maximum value. |
step | number | 1 | Step increment. |
value | [number, number] | — | Current range as [low, high] tuple. |
onChange | (value: [number, number]) => void | — | Callback when range changes. |
className | string | '' | Additional CSS classes. |