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
JSON
{
"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"}
]
}