react-native-lucy-radial-slider
Version:
React Native component to select or highlight a specific value from a range of values
45 lines • 1.19 kB
JavaScript
import { Colors } from '../../theme';
export const defaultSpeedoMeterProps = {
radius: 100,
min: 0,
max: 100,
step: 1,
value: 0,
title: '',
unit: 'MB/S',
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,
isHideLines: false,
isHideMarkerLine: false,
isHideCenterContent: false,
fixedMarker: false,
markerCircleSize: 15,
markerCircleColor: Colors.grey,
markerPositionY: 20,
markerPositionX: 20,
needleBackgroundColor: 'purple',
needleColor: '#175BAD',
needleBorderWidth: 1.5,
needleHeight: 30,
variant: 'default',
markerValueInterval: 10,
markerValueColor: Colors.darkCharcoal,
strokeLinecap: 'butt',
};
//# sourceMappingURL=SpeedometerDefaultProps.js.map