React two points range selector
the html5 input range only supports one point, and it's not easy to use for mobile. this npm pack is an alternative solution with input checkbox
Demo
Features
- based on BEM
- has "is-start " class, "in-range" and "is-end" class for special styling set
- support initial selected range
- support customize range
- standalong react plugin with options set for your quick prototype, check the Demo
License
MIT licensed
Release
2.0.3
- fix: use
/lib
2.0.2
- fix: incomplete src code
2.0.1
- fix: empty package
- chore: licence update
2.0
- BREAKING:
rangeUpdate
return object data withvalues
,section
,selectedIndex
- BREAKING: move to flat css structure
- FEAT:
initialFormState
to generate initial state from data - FEAT:
generatePropsWithData
mapping data to RangerSelector - CHORE: recover lint
1.3.0
- add package feature
1.2.0
- MIT licensed
1.1.1
- reduce package size: move test and demo code from build package
- add npmignore
1.1.0
- add feature: pass state to parent component (rangeUpdate)
1.0.2
- fix single selected not showing bug
- add unit test for the bug
1.0.1
Refactor:
- Main
- checkbox
- folder structure
Test:
- Enzyme test in main
- snapshot update
Chore:
- update React to 16
- dev dependencies update
- replace deprecated dependency
- eslint rule update
Docs:
- dependency badge
- download badge
Special thanks
- Jacob Bass -- amazing guy :)