@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.
47 lines (46 loc) • 1.37 kB
TypeScript
import React from 'react';
import type { RadialSliderProps } from './types';
import { defaultProps } from './SliderDefaultProps';
declare const RadialSlider: {
(props: RadialSliderProps & typeof defaultProps): React.JSX.Element;
defaultProps: {
radius: number;
min: number;
max: number;
step: number;
value: number;
title: string;
subTitle: string;
unit: string;
thumbRadius: number;
thumbColor: string;
thumbBorderWidth: number;
thumbBorderColor: string;
markerLineSize: number;
sliderWidth: number;
sliderTrackColor: string;
lineColor: string;
lineSpace: number;
linearGradient: {
offset: string;
color: string;
}[];
onChange: (_v: number) => void;
onComplete: (_v: number) => void;
openingRadian: number;
disabled: boolean;
isHideSlider: boolean;
isHideTitle: boolean;
isHideSubtitle: boolean;
isHideValue: boolean;
isHideTailText: boolean;
isHideButtons: boolean;
isHideLines: boolean;
isHideMarkerLine: boolean;
isHideCenterContent: boolean;
fixedMarker: boolean;
variant: string;
markerValueInterval: number;
};
};
export default RadialSlider;