Skip to content

feat: add range slider mode#816

Open
draggie wants to merge 1 commit into
mainfrom
feat/add-range-slider
Open

feat: add range slider mode#816
draggie wants to merge 1 commit into
mainfrom
feat/add-range-slider

Conversation

@draggie

@draggie draggie commented Jun 19, 2026

Copy link
Copy Markdown
Collaborator

Summary:

Adds an optional two-thumb range mode to Slider without changing the existing single-thumb native slider path.

The new mode is enabled with range and accepts values, minimumRange, onValuesChange, onRangeSlidingStart, and onRangeSlidingComplete. It renders a JS range control with two thumbs, selected-track highlighting, step/limit clamping, non-crossing thumb behavior, disabled handling, thumb images/tints, and basic accessibility increment/decrement support.

This also updates TypeScript declarations, README API docs, and the iOS/Android/Web example lists with a Range slider example.

Closes: #25

Test Plan:

  • cd package && npx tsc --noEmit
  • cd package && npm test -- --runInBand --no-watchman
  • cd package && npm run lint
  • cd package && npm run prepare
  • Refreshed the example app package copy with cd example && npm run refresh-package and verified the copied package contains RangeSlider and the range branch.
simulator_screenshot_28301CAD-2AB1-41C6-A3C5-1B33F57FE7C1 Screenshot_1781860635

@draggie draggie requested a review from BartoszKlonowski June 19, 2026 09:18
@draggie draggie self-assigned this Jun 19, 2026
@draggie draggie force-pushed the feat/add-range-slider branch from eaaf7fe to e5008c3 Compare June 19, 2026 09:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Multi-thumb option

1 participant