UNPKG

@remirage/react-native-wheel-input

Version:

react-native-radial-input-slider is a React Native component that allows users to select a value using a circular radial slider while also providing a direct input field in the center for manual number entry.

41 lines 1.03 kB
import { Colors } from '../../theme'; export const defaultProps = { radius: 100, min: 0, max: 100, step: 1, value: 0, title: '', subTitle: 'Goal', unit: 'kCal', thumbRadius: 18, thumbColor: Colors.blue, thumbBorderWidth: 5, thumbBorderColor: Colors.white, markerLineSize: 50, sliderWidth: 18, sliderTrackColor: Colors.grey, lineColor: Colors.grey, lineSpace: 3, linearGradient: [ { offset: '0%', color: Colors.skyBlue }, { offset: '100%', color: Colors.darkBlue }, ], onChange: (_v) => { }, onComplete: (_v) => { }, openingRadian: Math.PI / 3, disabled: false, isHideSlider: false, isHideTitle: false, isHideSubtitle: false, isHideValue: false, isHideTailText: false, isHideButtons: false, isHideLines: false, isHideMarkerLine: false, isHideCenterContent: false, fixedMarker: false, variant: 'default', markerValueInterval: 10, }; //# sourceMappingURL=SliderDefaultProps.js.map