RectangularButton

RectangularButton example - Ref -Login Component for more details

  <RectangularButton
    duration={'number'}
    fontColor={'color}
    formCircle={'bool'}
    onComplete={'Function'}
    onPress={'Function'}
    spinner={'bool'}
    startAnimation={'bool'}
    text="Sign In"
    width={'number'}
  />

Fab example (Floating Button) - Ref- Home Component for more details

  <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

results matching ""

    No results matching ""