1.1.0 • Published 3 years ago
number-range-slider v1.1.0
number-range-slider
Simple react native slider component without any dependency. It's just a plain react native.
Installation
npm i number-range-slider
Common API
Name | Type | Default |
---|---|---|
width | number | 80% of screen width |
height | number | 5% of screen width |
minValue | number | 0 |
maxValue | number | 100 |
startingMinValue | number | 0 |
startingMaxValue | number | 0 |
selectedColor | string | white |
unselectedColor | string | grey |
buttonColor | string | limegreen |
labelColor | string | rgba(80,80,80,1) |
onMinSlideFinished | (value) => string | (value)=>{} |
onMaxSlideFinished | (value) => string | (value)=>{} |
showMinAndMax | boolean | true |
minAndMaxColor | string | grey |
isRangeSlider | boolean | false |
rangeBetweenMinAndMax | number | 50 |
thinLine | boolean | true |
marginTop | number | 0 |
marginBottom | number | 0 |
headerText | string | null |
showLabelWhenSliding | boolean | true |