<RectangularButton
duration={'number'}
fontColor={'color}
formCircle={'bool'}
onComplete={'Function'}
onPress={'Function'}
spinner={'bool'}
startAnimation={'bool'}
text="Sign In"
width={'number'}
/>
<Fab
duration={'number'}
onComplete={'Function'}
onPress={'Function'}
rippleColor={'color'}
spinner={'bool'}
startAnimation={'bool'}
style={styles.fabButton}
text="Sign In"
width={'number'}
>
<Icons
color={Colors.white}
name="sign-out"
size={18}
/>
</Fab>
Props
Prop |
Type |
Default |
Required |
Description |
backgroundColor |
string |
Colors.overlayColor |
Yes |
background color of animated button |
children |
node |
|
Yes |
|
overlayColor |
string |
Colors.overlayColor |
Yes |
overlay color |
containerStyle |
any |
|
Yes |
|
width |
number |
140 |
Yes |
button width |
disabled |
bool |
|
Yes |
|
fontColor |
string |
Colors.white |
Yes |
font/icon color |
duration |
number |
500 |
Yes |
duration of animation |
onPress |
func |
|
Yes |
|
formCircle |
bool |
true |
Yes |
|
rippleColor |
string |
|
Yes |
ripple color when button pressed |
spinner |
bool |
false |
Yes |
show spinner |
spinnerColor |
string |
Colors.white |
Yes |
spinner color |
startAnimation |
bool |
|
Yes |
start animation |
onComplete |
func |
|
Yes |
onAnimation Complete Event |
style |
any |
|
Yes |
Button Style |
text |
string |
'' |
Yes |
Button text, if children is not added |
showOverlay |
|
|
Yes |
|
overlay |
|
|
Yes |
|