<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 |
|