UNPKG

react-native-ui-lib

Version:

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

66 lines (65 loc) 2.72 kB
{ "name": "Slider", "category": "form", "description": "A Slider component", "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/SliderScreen.tsx", "images": ["https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Slider/Slider.gif?raw=true"], "props": [ {"name": "value", "type": "number", "description": "Initial value"}, {"name": "minimumValue", "type": "number", "description": "Minimum value"}, {"name": "maximumValue", "type": "number", "description": "Maximum value"}, { "name": "step", "type": "number", "description": "Step value of the slider. The value should be between 0 and (maximumValue - minimumValue)" }, { "name": "minimumTrackTintColor", "type": "string", "description": "The color used for the track from minimum value to current value" }, {"name": "maximumTrackTintColor", "type": "string", "description": "The track color"}, { "name": "renderTrack?", "type": "() => ReactElement | ReactElement[]", "description": "Custom render instead of rendering the track" }, {"name": "thumbTintColor", "type": "string", "description": "Thumb color"}, {"name": "onValueChange", "type": "SliderOnValueChange", "description": "Callback for onValueChange"}, { "name": "onSeekStart", "type": "() => void", "description": "Callback that notifies about slider seeking is started" }, { "name": "onSeekEnd", "type": "() => void", "description": "Callback that notifies about slider seeking is finished" }, {"name": "containerStyle", "type": "ViewStyle", "description": "The container style"}, {"name": "trackStyle", "type": "ViewStyle", "description": "The track style"}, {"name": "thumbStyle", "type": "ViewStyle", "description": "The thumb style"}, {"name": "activeThumbStyle", "type": "ViewStyle", "description": "The active (during press) thumb style"}, { "name": "disableActiveStyling", "type": "boolean", "description": "If true the Slider will not change it's style on press" }, { "name": "disabled", "type": "boolean", "description": "If true the Slider will be disabled and will appear in disabled color" }, { "name": "disableRTL", "type": "boolean", "description": "If true the Slider will stay in LTR mode even if the app is on RTL mode" }, { "name": "accessible", "type": "boolean", "description": "If true the component will have accessibility features enabled" }, {"name": "testID", "type": "string", "description": "The component test id"} ] }