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
47 lines (46 loc) • 2.46 kB
JSON
{
"name": "RadioButton",
"category": "form",
"description": "A Radio Button component, should be wrapped with a RadioGroup",
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/RadioButtonScreen.js",
"images": [
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/RadioButton/Default.gif?raw=true",
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/RadioButton/Alignment.gif?raw=true",
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/RadioButton/Custom.gif?raw=true",
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/RadioButton/Individual.png?raw=true"
],
"props": [
{
"name": "value",
"type": "string | number | boolean",
"description": "The identifier value of the radio button. must be different than other RadioButtons in the same group"
},
{
"name": "selected",
"type": "boolean",
"description": "When using RadioButton without a RadioGroup, use this prop to toggle selection"
},
{"name": "onPress", "type": "(selected: boolean) => void", "description": "Invoked when pressing the button"},
{"name": "disabled", "type": "boolean", "description": "Whether the radio button should be disabled"},
{"name": "color", "type": "string", "description": "The color of the radio button", "default": "Colors.primary"},
{
"name": "size",
"type": "number",
"description": "The size of the radio button, affect both width & height",
"default": "24"
},
{"name": "borderRadius", "type": "number", "description": "The radio button border radius", "default": "24"},
{"name": "label", "type": "string", "description": "A label for the radio button description"},
{"name": "labelStyle", "type": "TextStyle", "description": "Label style"},
{"name": "iconSource", "type": "ImageSource", "description": "Icon image source"},
{"name": "iconStyle", "type": "ImageStyle", "description": "Icon image style"},
{
"name": "iconOnRight",
"type": "boolean",
"description": "Should the icon be on the right side of the label",
"default": "false"
},
{"name": "contentOnRight", "type": "boolean", "description": "Should the content be rendered right to the button"},
{"name": "containerStyle", "type": "ViewStyle", "description": "Additional styling for the container"}
]
}