@prosperitainova/dumbo-react-native
Version:
Dumbo for React Native Library
53 lines • 1.7 kB
TypeScript
import React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
/** Props for Slider component */
export type SliderProps = {
/** Text to render */
label: string;
/** Current value */
value: number;
/** Minimum Value */
minValue: number;
/** Maximum Value */
maxValue: number;
/** Indicate if disabled */
disabled?: boolean;
/** Indicate if label should be hidden (label is used for accessibility even when hidden) */
hideLabel?: boolean;
/** Indicate if text input should be hidden */
hideTextInput?: boolean;
/** Indicate if range labels should be hidden */
hideRangeLabels?: boolean;
/** Change event returns the current value of the item */
onChange?: (value: number) => void;
/** Text to use for slider (accessibility). Defaults to ENGLISH "Slider" */
accessibleText?: string;
/** Style to set on the item */
style?: StyleProp<ViewStyle>;
};
/**
* Slider component for rendering a slider between numbers
*
* {@link https://github.com/carbon-design-system/carbon-react-native/blob/main/example/src/Views/Slider.tsx | Example code}
*/
export declare class Slider extends React.Component<SliderProps> {
private barWidth;
state: {
active: boolean;
};
private _panResponder;
private onStart;
private onMove;
private onEndMove;
private capValueWithinRange;
private getValueFromOffset;
private getOffsetFromValue;
private onLayout;
private onChangeText;
private onSliderValueChanged;
private get styles();
private rangeLabel;
private get slider();
render(): React.ReactNode;
}
//# sourceMappingURL=index.d.ts.map