rn-arc-slider
Version:
React Native Component for arc slider using React Native Svg
44 lines (43 loc) • 1.37 kB
TypeScript
import React from "react";
export declare type CircularSliderProps = {
/** Radius of Circular Slider */
trackRadius?: number;
/** Size of Thumb*/
thumbRadius?: number;
/** Size of Track */
trackWidth?: number;
/** Value between minValue to maxValue */
value?: number;
/** Minimum value */
minValue?: number;
/** Maximum value */
maxValue?: number;
/** onChange Handler */
onChange?: (angle: number) => any;
/** Color for Track */
trackColor?: string;
/** Color for Track Tint */
trackTintColor?: string;
/** Color for Thumb */
thumbColor?: string;
/** Color for Text on Thumb */
thumbTextColor?: string;
/** Font size for Text on Thumb */
thumbTextSize?: number;
/** Show text on center of thumb */
showThumbText?: boolean;
/** Show Thumb on Track */
noThumb?: boolean;
/** Show text on center of circle */
showText?: boolean;
/** Text color for center of circle */
textColor?: string;
/** Text Size for center of circle */
textSize?: number;
/** Maximum arc angle in degrees i.e. its range is 0 to 359 */
maxAngle?: number;
/** Minimum arc angle in degrees i.e. its range is 0 to 359 */
minAngle?: number;
};
declare const CircularSlider: React.FC<CircularSliderProps>;
export default CircularSlider;