1.1.0 • Published 4 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-sliderCommon 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 |