FloatingButton
Hovering button with gradient background
(code example)
tip
This component support margin, background, color modifiers.
#
Usage<FloatingButton visible={isVisible} button={{label: 'Approve', onPress: () => console.log('approved')}}}/>
#
API#
bottomMarginThe bottom margin of the button, or secondary button if passed
number
#
buttonProps for the Button component
ButtonProps
#
buttonLayoutButton layout direction: vertical or horizontal
FloatingButtonLayouts
#
durationThe duration of the button's animations (show/hide)
number
#
fullWidth#
Relevant to vertical layout onlyWhether the buttons get the container's full with
boolean
#
hideBackgroundOverlayWhether to show background overlay
boolean
#
secondaryButtonProps for the secondary Button component
ButtonProps
#
testIDtestID.button
for the main button or testID.secondaryButton
for the secondary#
Use The test id for e2e tests
string
#
visibleWhether the component is visible
boolean
#
withoutAnimationWhether to show/hide the button without animation
boolean