Slider
A draggable range slider with step, labels, and custom colors.
Installation
rubics add sliderThis component requires:
react-native-reanimated, react-native-gesture-handlerUsage
Basic
With Labels
Props
| Name | Type | Default | Description |
|---|---|---|---|
| min | number | 0 | Minimum value |
| max | number | 100 | Maximum value |
| step | number | 1 | Snap increment |
| value | number | - | Controlled value |
| startLabel | string | - | Left label |
| endLabel | string | - | Right label |
| trackColor | string | #e2e8f0 | Track background |
| rangeColor | string | #0f172a | Filled range color |
| disabled | boolean | false | Disables interaction |
9:41
Settings
Volume
0100
Brightness