Skip to main content

Value range picker with double slider

Description: A double slider component allowing users to select a minimum and maximum value within a defined range. The slider should support:

  • Stepped Values: Customizable steps between values.

  • Complete Values: Option to select whole numbers or specific values without steps.

  • Dynamic Range: Ability to set min and max values.

  • Optional Labels: Show current min and max selections above the handles.

  • Optional Tooltips: Display the value while sliding.

Use Case: Perfect for forms where users define numeric ranges — like price filters, age ranges, or percentage selections.

Log in to comment and vote

No comments yet

Be the first to share your thoughts.