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
30 lines (29 loc) • 1.54 kB
JSON
{
"name": "FloatingButton",
"category": "overlays",
"description": "Hovering button with gradient background",
"modifiers": ["margin", "background", "color"],
"example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/FloatingButtonScreen.tsx",
"images": [
"https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/FloatingButton/FloatingButton.gif?raw=true"
],
"props": [
{"name": "visible", "type": "boolean", "description": "Whether the component is visible"},
{"name": "button", "type": "ButtonProps", "description": "Props for the Button component"},
{"name": "secondaryButton", "type": "ButtonProps", "description": "Props for the secondary Button component"},
{
"name": "bottomMargin",
"type": "number",
"description": "The bottom margin of the button, or secondary button if passed"
},
{"name": "duration", "type": "number", "description": "The duration of the button's animations (show/hide)"},
{"name": "withoutAnimation", "type": "boolean", "description": "Whether to show/hide the button without animation"},
{"name": "hideBackgroundOverlay", "type": "boolean", "description": "Whether to show background overlay"},
{
"name": "testID",
"type": "string",
"description": "The test id for e2e tests",
"note": "<TestID> - the floatingButton container\n<TestID>.button - the floatingButton main button\n<TestID>.secondaryButton - the floatingButton secondaryButton"
}
]
}